Maak een jaren 1990 mobiele telefoon pictogram in Photoshop

In deze zelfstudie leggen we uit hoe een pictogram uit de jaren '60 van de mobiele telefoon in Photoshop kan worden gemaakt met een foto als referentie. Laten we beginnen!


Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Referentie

Stap 1

Laten we beginnen met een nieuw document in Photoshop met de volgende instellingen. Ik heb een canvas van 1024x1024 pixels gebruikt.


Stap 2

Het eerste dat u moet doen, is de afbeeldingsreferentie in het canvas slepen en neerzetten. We gebruiken het om de basisvormen van het pictogram te tekenen.


Stap 3

Selecteer het gereedschap Pen (P) en begin de delen van de telefoon in afzonderlijke vormlagen te tekenen. Tip: blijf georganiseerd door de vormlagen in groepen toe te voegen.


Stap 4

Voeg hoogtepunten en schaduwen toe aan de rechterkant van het pictogram. Teken twee rechthoekige vormen met het gereedschap Pen (P). Pas de vormen toe als knipmaskers door op de dunne scheidingslijn tussen de twee lagen in het lagenpalet te klikken terwijl u op Alt op het toetsenbord drukt. Gebruik # c6beb2 en # a9a096 kleuren. Tip: gebruik een laagmasker op deze manier kunt u ongewenste vormdelen verbergen.


Stap 5

Herhaal de methode van stap 4 en voeg twee vormen toe aan de boven- en onderkant van de telefoon. Gebruik lichtere kleuren dan de basisvormlaag.


Stap 6

Voeg meer details toe aan de telefoon. Maak nieuwe vormlagen in de basislaag en pas laagmaskers toe om de uiteindelijke effecten glad te strijken. Zoals je kunt zien, heb ik twee kleine hoogtepunten toegevoegd met de Pen Tool op de boven- en onderhoeken.


Stap 7

Voeg met het gereedschap Pen twee dunne lijnen toe met een donkerbruine kleur. Voeg een laagmasker toe om de scheidingslijn aan de linkerkant te verfijnen.


Stap 8

Hetzelfde proces voor het bovenste gedeelte. (Ik heb de zichtbaarheid van de belangrijkste lagen uitgeschakeld). Selecteer een lichtere kleur dan de basis, voeg de vormen toe met het gereedschap Pen (P) en verfijn de randen van vormen uiteindelijk met een laagmasker. Gebruik de onderstaande schermafbeelding als referentie. Ik voegde ook enkele kleine details zoals hoogtepunten in nieuwe vormlagen toe zoals eerder. Pas deze Layer Style to Top laag toe.


Stap 9

Voeg deze laagstijl toe aan de laag met de vorm van de microfoon.


Stap 10 - 100% weergave

Quick Before / After-voorbeeld


Stap 11

Voeg deze laagstijl toe aan de laag Inzetvorm. Stel de vulling in op 0%


Stap 12

Teken de emboss van de sleutel door nieuwe rechthoekige vormen toe te voegen met het gereedschap Rechthoekige vorm met afgeronde hoeken (U) met een straal van 2 px, en vervolgens te schaven met Cmd / Ctrl + T. Pas deze laagstijl toe en stel de vulling in op 0%.


Stap 13

Het verlichtingsproces van de antenne bestaat uit een reeks nieuwe vormlagen met het gereedschap Pen en wordt toegepast als knipmaskers. Vervolgens moet u de vormen omzetten in een slim object en een klein Gaussiaans vervagingfilter toevoegen.


Stap 14

Weergavetijd. Voeg eerst deze laagstijl toe aan de laag met de vorm van het scherm.


Stap 15

Teken vervolgens in een nieuwe laag een witte rechthoekige vorm met het gereedschap Rechthoekige vorm (U) en pas er een laagmasker op toe. Met een harde borstel, ingesteld op lage dekking, verbergt u sommige delen van de laag om de reflectie op het scherm te verkrijgen. Ik heb ook een welkomsttekst en de signaalbalkvormen toegevoegd met deze laagstijl.


Stap 16

Onze telefoon begint vorm te krijgen. Laten we de spreker nu doen. Gebruik het gereedschap Rechthoekige vorm (U) om een ​​vorm zoals hieronder te tekenen. Verander de vorm met Cmd / Ctrl + T. Voeg ten slotte deze laagstijl toe.


Stap 17

Voeg een nieuwe vormlaag toe om het linkerbenedenlicht van de luidspreker te versterken door een witte vorm in de laag te tekenen met het gereedschap Pen (B). Verfijn de rand met een laagmasker.


Stap 18

Voeg een nieuwe afgeronde vorm toe met deze laagstijl.


Stap 19

Selecteer het Ellipse Shape Tool (U) en voeg enkele kleine gaatjes in de luidspreker toe met de volgende Layer Style. Je moet de gaten een beetje verschuiven met Cmd / Ctrl + T om beter overeen te komen met het perspectief van de telefoon.

>


Stap 20

Activeer de zichtbaarheid van de toetsen opnieuw en voeg deze laagstijl aan elke toets toe. Tip: Vergeet niet om de vulkleur voor de vorm Rode sleutel te vervangen.


Stap 21

Bijna klaar. Voeg de cijfers toe aan de binnenkant van de toetsen. Ik heb het lettertype Helvetica Bold gebruikt. Schud de Type Laag met Cmd / Ctrl + T om het perspectief van de sleutel te evenaren.


Stap 22

Doe hetzelfde voor de functietoetsen.


Stap 23

Maak een nieuwe lege laag en vul deze met 50% grijs. Breng vervolgens Filter> Ruis> Ruis toevoegen met een waarde van 2-3% aan. Zet de overvloeimodus voor lagen op Overlay en 60% Dekking. Plaats de nieuwe laag boven de bovenste laag.


Stap 24

Ik heb een eenvoudige grijze achtergrond achter de lagen van het telefoonpictogram toegevoegd. Gewoon een Gradient Fill Layer Adjustment toevoegen die in de Radial Mode is ingesteld, zal de taak uitvoeren.


Stap 25

Teken de werpschaduw door een zwarte kleur in een nieuwe lege laag te schilderen met het penseel (B). Gebruik een laagmasker om de overgangen te verzachten.


Stap 26

Verfijn de zijkanten van het pictogram door wat lichtgrijs in een nieuwe laag te schilderen. Hierdoor wordt het pictogram beter versmolten met de omringende ruimte.


Stap 27

Verf een aantal kleuren in een nieuwe laag en stel de overvloeimodus in op Overlay of Color Dodge. Zoals u op het scherm (lichtblauw) of de antenne (donkergeel) kunt zien, kunnen deze technieken interessante resultaten opleveren. Tip: gebruik het pipet om de juiste kleur te samplen.


Stap 28

Laatste stap: pas een onscherp maskerfilter met een lage radius (0,3-1) toe in een composietlaag en klaar! Tip: druk op Cmd / Ctrl + Alt + Shift + E om een ​​samengestelde laag te maken.


Laatste afbeelding