Share
In deze zelfstudie laat ik je zien hoe een USB-sleutel in de lucht zweeft en reflecteert op een oppervlak. We zullen tal van details toevoegen die deze illustratie laten schijnen. Merk op hoe de Psdtuts + naam op de vloer in de illustratie reflecteert. Dit zijn de kleine details die een zekere mate van realisme aan uw werk toevoegen.
Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.
Laten we beginnen met het maken van een nieuw document van 1000 pixels breed bij 1000 pixels hoog, stel de resolutie in op 300 pixels / inch en de achtergrond op wit. Pak het Rechthoekige selectiekadergereedschap en stel de stijl in op Vast formaat met een breedte van 100 px en een hoogte van 240 px. Sleep vier hulplijnen rond de selectie, zoals weergegeven in de onderstaande afbeelding, en deselecteer vervolgens door op Command + D te drukken.
Maak een nieuwe laag en noem deze "Front B." Zet de voorgrondkleur op 55% grijs. Download het gereedschap Afgeronde rechthoek, stel het in op Pixels vullen en Radius op 30 px in de set met gereedschapsopties. Teken een afgeronde rechthoek zoals hieronder weergegeven.
Nu zullen we de handleidingen wissen door naar Beeld> Wis hulplijnen te gaan. Druk op Command + T om de vrije transformatie-modus in te gaan, stel de verticale skew in op -30 graden en pas deze toe. Druk nogmaals op Command + T en zet de rotatie op -30 graden. We hadden de laag op hetzelfde moment kunnen verschuiven en roteren. De reden waarom we het in twee stappen hebben gedaan, is dat het schonere resultaten oplevert. U kunt de onderstaande afbeelding bekijken voor een vergelijking.
Nu hebben we twee horizontale hulplijnen nodig. Sleep en knip één naar boven en één naar de onderkant van de getransformeerde rechthoek. Dit is niet onze laatste perspectiefhoek, maar het is eenvoudiger om de USB-sleutel op deze manier op te bouwen, dan roteren we het geheel opnieuw om ons uiteindelijke perspectief te bereiken.
Dupliceer de "Front B" -laag en noem deze "Front A." Verplaats de "Front A" -laag 30 pixels naar links. U kunt dit doen door de pijltoetsen op het toetsenbord te gebruiken wanneer het gereedschap Verplaatsen is geselecteerd. Houd Shift ingedrukt en druk drie keer op de Pijl-links. Pas een laagstijl voor een verloopoverlay toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Dekking op 100%, Verloop ingesteld op Zwart op wit, Lineair stijl, Hoek ingesteld op 90 graden en Schaal ingesteld op 130%.
Nu moeten we deze twee afgeronde rechthoeken verbinden. Ga terug naar de "Front B" -laag in het lagenpalet. Download het gereedschap Polygonal Lasso en maak een selectie, zoals in de afbeelding hieronder. Zorg ervoor dat de hulplijnen zichtbaar zijn. Vul de selectie met 55% grijs, en deselecteer vervolgens door op Command + D te drukken.
Er zijn enkele ongewenste pixels, laat ze verwijderen. Pak het Rechthoekige selectiekader, stel de stijl in op Normaal en maak een selectie, zoals hieronder weergegeven. Verplaats de selectie 1 px naar beneden en druk op Wissen om het gebied te wissen. U kunt de selecties verplaatsen met de pijltoetsen op het toetsenbord zolang een selectiekader actief is. Maak nu deze keer een rechthoekige selectie onderaan. Verplaats de selectie 1 px naar boven en druk nogmaals op Delete.
Nu passen we een laag met een verloopoverlaylaag toe op de "Front B" -laag met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Laagdekking op 65%, Verloop ingesteld op "Steel Bar" (dat zich in de metalenset bevindt), met een Stijl van Lineair, Hoek ingesteld op -30 graden en Schalen op 110%. U kunt ook de positie van het verloop aanpassen door te slepen terwijl het dialoogvenster Overlapping van kleurovergang nog steeds open is. Pas ook de positie aan zoals in de afbeelding.
Command-klik op de miniatuurlaag "Front A" om de selectie te laden. Ik heb de selectie 400 pixels naar rechts verplaatst. Hiermee wordt de lengte van uw USB-sleutel bepaald, zodat u deze kunt wijzigen als u een langere of een kortere wilt. Maak een nieuwe laag en noem deze "Terug". Ik vulde de selectie met kleur # ee3232, maar je kunt naar eigen smaak een andere kleur kiezen.
Maak nu een nieuwe laag en noem deze "Body". Vul de selectie met 15% grijs. Deselecteer door op Command + D te drukken. Maak de laag 'Terug' onzichtbaar, omdat we deze later nodig hebben. Sleep de laag 'Hoofdgedeelte' boven de laag 'Achtergrond' in het lagenpalet en plaats deze laag.
Nu zullen we het lichaam extruderen zoals we deden voor het voorste gedeelte. Pak het gereedschap Polygonal Lasso en maak een selectie zoals getoond, vul het dan met 15% grijs. Druk op Command + D om de selectie ongedaan te maken.
Pak het rechthoekig gereedschap Marque en maak een selectie uitgelijnd met de bovenste gids, zoals in de onderstaande afbeelding. Verplaats de selectie 1 px omlaag en wis door op Delete te drukken. Maak nog een rechthoekige selectie, deze keer onderaan, verplaats de selectie 1 px omhoog en druk nogmaals op Wissen om de verontrustende rij pixels te verwijderen.
Nu passen we een laagstijl met verloopoverlay toe op de laag 'Hoofdgedeelte' om de afgeronde hoek te bereiken. Gebruik deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Laagdekking op 65%, Verloop ingesteld op Zwart-wit, met een stijl van Lineair, Hoek ingesteld op 90 graden en Schaal ingesteld op 18%. Verplaats het verloop naar beneden, zoals in de onderstaande afbeelding. U kunt dit doen door te slepen terwijl het dialoogvenster Overlappende overgang is geopend.
Ga naar het lagenpalet en sleep en plaats de laag "Terug" net boven de laag "Achtergrond". Verplaats de "Back" -laag 20 px naar rechts met de Pijl-rechts. Neem vervolgens de Polygonal Lasso Tool en maak een selectie, zoals hieronder weergegeven, en vul de selectie met rood (of je eigen kleur) om het achterste gedeelte van de USB-sleutel te extruderen. Druk op Command + D om de selectie ongedaan te maken.
Pak het rechthoekige gereedschap Marque en maak een selectie uitgelijnd met de bovenste gids, zoals we eerder deden. Verplaats de selectie 1 px omlaag en wis door op Delete te drukken. Maak nog een rechthoekige selectie, deze keer onderaan. Verplaats de selectie 1 px naar boven en druk nogmaals op Delete om de verontrustende rij pixels te wissen.
We moeten een verloopoverlay toepassen op de laag 'Terug' met dezelfde instellingen die we gebruikten voor het 'hoofdgedeelte'. Klik nu met de rechtermuisknop op de laag "Hoofdgedeelte" in het lagenpalet en kies Laagstijl kopiëren. Klik met de rechtermuisknop op de laag "Terug" en kies Laagstijl plakken.
Maak een nieuwe laag boven de laag "Front B" en noem deze "Markeer". Pak het lijngereedschap, stel het in op Pixels vullen en stel het gewicht in op 8 px. Kies wit als je voorgrondkleur en teken een rechte lijn, zoals in de onderstaande afbeelding. Ga naar Filter> Vervagen> Gaussiaans vervagen, toepassen met een straal van 5 px.
Nu hebben we het hoogtepunt, maar we moeten het overschrijdende gedeelte verwijderen. Command-klik op de "Body" Laag Thumbnail om de selectie te laden. We moeten ook het achterste deel selecteren, dus Command + Shift-klik op de "Back" Laagminiatuur om toe te voegen aan de selectie. Ga naar Selecteren> Omgekeerd en druk op Verwijderen om te wissen. Deselecteer door op Command + D te drukken.
Maak een nieuwe laag boven de laag 'Hoofdgedeelte' en noem deze 'Reflectie'. Pak het verloopgereedschap, zet het verloop op zwart naar wit en vul de laag met het verloop van links naar rechts. Ga naar Afbeelding> Aanpassingen> Curven en pas de curve aan zoals hieronder wordt getoond. Dit is mijn favoriete manier om reflecties te maken. Druk vervolgens op Command + T en draai de laag "Reflectie" 30 graden. Je zult zien waarom we dit later doen.
Omdat we willen dat die reflectie op het deel van het "lichaam" te zien is, moeten we van de rest af. Command-klik op de "Body" Laagminiatuur om de selectie te laden. Command + Alt-klik op de "Front B" Laagminiatuur om deze af te trekken van de huidige selectie. Ga naar Selecteren> Omgekeerd en druk op Verwijderen om te wissen. Druk op Command + D om de selectie ongedaan te maken. Stel de modus Laagovervloeien in op Overlay.
Pak nu de Eraser Tool. Zorg ervoor dat de modus in de optie Gereedschap is ingesteld op Penseel. Ik heb de Brush Master Diameter ingesteld op 215 en Hardheid op 25%. Wis het gebied onder de afgeronde hoek.
Er zijn enkele geschilderde pixels buiten het canvas omdat we de hele pagina hebben gevuld en vervolgens het verloop hebben geroteerd. We kunnen ze op dit moment niet zien. In de laatste stappen draaien we de USB-sleutel en deze pixels zullen een probleem zijn, dus om ze kwijt te raken. Ga naar Selecteren> Alles en ga vervolgens naar Afbeelding> Bijsnijden.
We beginnen met het tekenen van de plug. Command-klik op de "Front A" -laag om de selectie te laden. Maak een nieuwe laag boven de "Front A" en noem deze "Plug". Vul de selectie met 25% grijs. Deselecteer door op Command + D te drukken. Druk Command + T om de Vrije Transformatiemodus in te gaan, zet de Verticale en Horizontale schalen op 56% en pas.
Dupliceer de "Plug" -laag en noem deze "Plug Front". Verplaats de "Plug Front" -laag 150 pixels naar links. Sleep twee hulplijnen uit de bovenste liniaal en zet ze vast aan de boven- en onderkant van de laag 'Plug'. Ga terug naar de "Plug" -laag in het Lagenpalet, pak het Polygonal Lasso Tool en maak een selectie zoals in de onderstaande afbeelding. Vul de selectie met 25% grijs en schakel de selectie uit door op Command + D te drukken.
Pak het gereedschap Rechthoekig gereedschap en zorg dat een selectie is uitgelijnd met de bovenste gids, zoals hieronder wordt weergegeven. Verplaats de selectie 1 px omlaag en wis door op Delete te drukken. Maak nog een rechthoekige selectie, deze keer onderaan, verplaats de selectie 1 px omhoog en druk nogmaals op Wissen om de verontrustende rij pixels te verwijderen.
Command-klik op de "Plug" -laag Thumbnail, dit zal de selectie laden. Pak het verloopgereedschap, zet het verloop als voorgrond op transparant, zet voorgrondkleur op zwart en verloopstijl op lineair. Sleep het, zoals hieronder weergegeven, om de selectie te vullen met een zwart naar transparant verloop. Hierdoor wordt het bovenste gedeelte van de plug donkerder, wat ons zal helpen de metallic look te bereiken.
Druk op Command + D om de selectie ongedaan te maken. Pas een verloopoverlay-laagstijl toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Laagdekking op 50%, Verloop ingesteld op Zwart-wit, Lineair stijl, Hoek ingesteld op 90 graden en Schaal ingesteld op 18%. Verplaats het verloop naar beneden totdat het op de afgeronde hoek past, zoals in de onderstaande afbeelding, terwijl het dialoogvenster Verloop Overlay nog steeds open is.
Maak een nieuwe laag boven de laag "Plug" en noem deze "Plug Reflection". Pak de tool Rechthoekig hulpmiddel en maak een selectie, zoals in de onderstaande afbeelding. Verkrijg de Gradient Tool. Zet het verloop op zilver (het staat in de metalen set.) Zet de verloopstijl op reflecterend en vul de selectie vanuit het midden naar links. Druk op Command + D om de selectie ongedaan te maken. Ga naar Afbeelding> Aanpassingen> Omkeren om het negatief te krijgen.
Raak Command + T, schaal daarna de reflectie een beetje horizontaal en draai 30 graden. Nu willen we reflectie alleen zichtbaar op de stekker. Dus zullen we de "Plug" -laag definiëren als een uitknipmasker voor de "Plug-reflectie". U kunt dit doen door op Alt te klikken op de lijn tussen deze twee lagen in het lagenpalet. Verkrijg de Eraser Tool. Wis het gebied onder de afgeronde hoek van de plug. Stel ook de overvloeimodus op het scherm in.
Maak een nieuwe laag boven de laag "Plug Reflection" en noem deze "Plug Markeer". Verkrijg het lijngereedschap, stel het in op vulpixels en stel het gewicht in op 4 px. Stel ook wit in als je voorgrondkleur. Teken een rechte lijn, zet Gewicht op 2 px en teken een andere lijn, zoals in de onderstaande afbeelding.
Ga naar Filter> Vervagen> Gaussiaans vervagen, toepassen met een straal van 1,5 px. Command-klik op de "Plug" -laag om de selectie te laden en ga vervolgens naar Selecteren> Omkeren en wis door op Verwijderen te drukken. Zet de "Plug Markeer" laagdekking op 60%.
Nu maken we het gat in de plug. Command-klik op de "Plug Front" -laag om de selectie te laden. Ga naar Selecteren> Wijzigen> Inkrimpen en inkrimpen met 2 pixels. Maak een nieuwe laag boven de laag "Plug Front" en noem deze "Plug Hole".
Vul de selectie met 25% grijs en pas een laagovergang Laagstijl toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Laagdekking op 40%, Verloop ingesteld op zwart naar wit, met een stijl van Lineair, Hoek ingesteld op -90 graden, en Schaal op 13%. Verplaats het verloop tot het op de afgeronde hoek van de plug past.
Maak een nieuwe laag met de naam "Plug Hole Shadow" net boven de "Plug Hole" -laag. Pak het gereedschap Veelhoeklasso, selecteer een gebied zoals in de onderstaande afbeelding en vul met zwart. Druk op Command + D om de selectie ongedaan te maken. Ga naar Filter> Vervagen> Gaussiaans vervagen. Stel de straal in op 15 pixels. Command-klik op de "Plug Hole" -laag, ga naar Selecteren> Omkeren om de selectie om te keren. Wissen door op Verwijderen te drukken. U moet ook de dekking van de laag naar uw smaak aanpassen.
Maak een nieuwe laag boven de laag "Plug Hole" en noem deze "White". Command-klik op de laag "Plug Hole". Pak het gereedschap Rechthoekig hulpmiddel en verplaats de selectie, zoals hieronder weergegeven. Command + Alt + Shift-klik op de "Plug Hole" Laagminiatuur om de selectie te kruisen, vul de selectie met wit en druk op Command + D om de selectie ongedaan te maken. Verplaats de "White" -laag 5 pixels naar rechts. Sleep horizontale hulplijnen en zet ze vast aan de boven- en onderkant van de laag 'Wit'.
Maak een nieuwe laag onder de laag 'Wit' en noem deze 'Witte bovenkant'. Download de veelhoekige lasso-tool en maak een selectie, zoals hieronder weergegeven. Vul de selectie met 20% grijs. Command-klik op de "Plug Hole" -laag en ga vervolgens naar Selecteren> Omgekeerd om de geladen selectie om te keren. Druk op Wissen om het gedeelte buiten het gat te verwijderen. Ga naar de laag "Wit" in het lagenpalet en druk nogmaals op Verwijderen. Druk op Command + D om de selectie ongedaan te maken.
Selecteer de lagen in het lagenpalet, zoals hieronder getoond. Ga naar Laag> Groepslagen (Command + G.) Noem de groep "Plug Bottom." Dupliceer nu de "Plug Bottom" -groep en noem deze "Plug Top". Ga naar Laag> Groep samenvoegen. Maak de "Plug Bottom" -groep voorlopig onzichtbaar.
Nu maken we de reflectie van de plug op het lichaam. Dupliceer de laag "Plug Top", noem deze "Plug Reflection" en sleep deze naar de laag "Front A" in het lagenpalet. Verplaats hem naar rechts, zoals hieronder weergegeven. Ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 3 pixels. Om de reflectie te maskeren, houdt u Alt ingedrukt en klikt u op de lijn tussen de lagen "Plug Reflection" en "Front A" in het lagenpalet. U kunt de dekking van de laag naar wens aanpassen.
Laten we doorgaan met het opruimen van onze lagen. Selecteer alle lagen met uitzondering van de lagen "Achtergrond" en "Bovenkant" en "Groep onderin". Ga naar Laag> Lagen samenvoegen (Command + E.) Hernoem de samengevoegde laag als "Hoofdgedeelte".
Nu maken we de twee kleine gaatjes op de plug. Maak een nieuwe laag bovenop de lagenstapel met de naam "Hole". Verkrijg de Rectangular Marque Tool, stel Style in op Fixed Size, en Width en Height beide op 26 px. Maak een selectie zoals hieronder getoond. Vul de selectie met 65% grijs. Druk op Command + D om de selectie ongedaan te maken.
Raak Command + T en stel de Horizontal Skew in op 30 graden. Dit past in het perspectief van de gaten in het perspectief van de pluggen. Download het gereedschap Veelhoeklasso en maak een selectie, zoals te zien in de onderstaande afbeelding onderaan links. Ga naar Afbeelding> Aanpassingen> Kleurtoon / verzadiging (Command + U) en zet de helderheid op + 100% om het geselecteerde deel wit te maken.
Command-klik op de "Hole" -laag om de selectie te laden. Verplaats de selectie 1 px naar links en 1 px naar beneden. Command + Alt + Shift-klik nogmaals op de "Hole" -laag om de selectie met de laag te snijden. Vul de selectie met zwart. Schakel de selectie ook uit door op Command + D te drukken.
Dupliceer de laag "Hole". Nu hebben we twee gaten en moeten deze op de juiste manier worden uitgelijnd. U kunt hulp krijgen aan de linker- of rechterkant van de plug. Na het correct uitlijnen, selecteert u beide gatenlagen en plaatst u ze zoals hieronder getoond.
Haal nu de teksttool op. Ik heb het lettertype ingesteld als Trebuchet MS met een grootte van 35 pt. Maak je voorgrondkleur # ee0055 en typ je tekst. Raak Command + T en stel de Horizontal Skew in op 30 graden en pas toe. Hernoem uw tekstlaag als "Tekst". Pas een verloopoverlay toe op de laag "Tekst" met behulp van deze instellingen: Mengmodus ingesteld op Scherm, Dekking op 50%, Verloop ingesteld op Zilver, met een stijl van Lineair, Hoek ingesteld op 30 graden en Schaal ingesteld op 75%.
We zullen ook een slagschaduw toepassen met de volgende instellingen: mengmodus van vermenigvuldigen, dekking ingesteld op 60%, hoek ingesteld op 90 graden en afstand en grootte ingesteld op 2 px.
Wat we nu hebben is onze USB-sleutel. Wat we niet doen is de reflectie. Onze sleutel zal in de lucht zweven en de bodem ervan zal op het oppervlak reflecteren. En het onderste deel van de sleutel verschilt enigszins van de bovenkant ervan.
Dupliceer de laag "Body" en noem deze "Body Bottom." Selecteer nu de lagen "Hole Copy", "Hole", "Text", "Plug Top" en "Body" en ga vervolgens naar Layer> Merge. Noem de samengevoegde laag "USB" en maak de "USB" -laag onzichtbaar voor nu.
We zullen de teksttool opnieuw krijgen, je voorgrondkleur # ee0055 maken en je tekst typen. Druk op Command + T en schaal de tekst zodat deze op de plug past. Ga naar Bewerken> Transformeren> Verticaal spiegelen om de tekst te spiegelen. Raak Command + T en stel de Horizontal Skew in op 30 graden en pas toe. Hernoem uw tekstlaag als "Tekst".
Pas een verloopoverlay toe op de laag "Tekst" met behulp van deze instellingen: Mengmodus ingesteld op Scherm, Dekking op 50%, Verloop ingesteld op Zilver, met een stijl van Lineair, Hoek ingesteld op 30 graden en Schaal ingesteld op 75%.
We zullen ook een slagschaduw toepassen met de volgende instellingen: mengmodus van vermenigvuldigen, dekking ingesteld op 60%, hoek ingesteld op 90 graden en afstand en grootte ingesteld op 2 px.
Zorg ervoor dat een van de zichtbare lagen is geselecteerd in het lagenpalet en ga vervolgens naar Laag> Zichtbare lagen samenvoegen. Geef de samengevoegde laag 'Reflectie' een naam. Nu moet je drie lagen hebben: 'Achtergrond', 'USB-finaal' en 'Reflectie'. Nu zijn we bijna klaar.
Maak nu de "Plug Bottom" -groep zichtbaar. Open de groep en verwijder de laag "Witte bovenkant". Ga naar de laag "Wit" en verplaats deze naar boven, zoals hieronder wordt weergegeven. Command-klik op de "Plug Hole" -laag om de selectie te laden, ga naar Selecteren> Omkeren. Druk op Verwijderen om te wissen buiten het gat. Maak de selectie ongedaan door op Command + D te drukken. Ga naar de "Plug Hole Shadow" -laag in het lagenpalet. Raak Command + T en draai de laag 180 graden, en zorg ervoor dat deze nog steeds in het gat past.
We plaatsen nu het USB-teken op de plug. Ik heb er een getekend en je kunt het hier krijgen. Open het bestand "USBsign.png" en download het verplaatsgereedschap en sleep het logo naar uw "USB Refleciton.psd".
Druk op Command + T om de Vrije Transformatiemodus in te gaan, draai het logo -90 graden, schaal het om op de plug te passen en pas het toe. Ga naar Bewerken> Transformeren> Verticaal spiegelen om het te spiegelen. Druk nogmaals op Command + T en stel de horizontale skew in op 30 graden. Plaats het op de plug en zet de Laagdekking op 60%.
Sluit de groep "Plug Bottom". Selecteer de "Plug Bottom," "Body Bottom," en "Text" in het lagenpalet en ga naar Layer> Lagen samenvoegen. Noem de samengevoegde laag "USB-reflectie". Zorg ervoor dat de "USB" -laag zich aan de bovenkant bevindt en dat alle lagen zichtbaar zijn.
Selecteer de lagen "USB" en "USB Reflection" in het lagenpalet, druk op Command + T en roteer -30 graden. Pak het verplaatsgereedschap en verplaats de laag "USB-reflectie" naar beneden, zoals hieronder wordt weergegeven. Ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 3 px. Stel ook de Laagdekking in op 20%.
Dupliceer de laag "USB Reflection" en noem deze "Shadow". Druk op Command + U om het dialoogvenster Kleuring / verzadiging te openen. Stel de helderheid in op -100 om de schaduw zwart te maken. Ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 40 px. Zet de Laagdekking op 50% en verplaats de "Schaduw" -laag naar boven, zoals in de onderstaande afbeelding.
Uiteindelijk heb ik ze een beetje geschaald en een verloop toegepast op de achtergrond. En dit is het einde van een andere tutorial. Ik hoop dat je blij bent met je eigen USB-sleutelillustratie en wat plezier hebt gehad! U kunt de uiteindelijke afbeelding hieronder bekijken of een grotere versie hier bekijken.
Abonneer u op de Psdtuts + RSS-feed voor de beste Photoshop-tuts en -artikelen op internet.
Accentsconagua