Sådan opretter du et vintage kamera i Photoshop
I denne Photoshop-tutorial gengiver vi et ret gammelt kamera: en Halina Super 35X.
Vi bruger forskellige værktøjer og teknikker til at skabe et vintage kamera fra bunden , fra de grundlæggende Marquee Tools (til at skabe enkle former) til børsteværktøjet (til højdepunkter og skygger).
Tutorialen har 23 trin, og det retter sig mod brugere med gennemsnitlig Photoshop viden.
Det blev skabt af Callum Chapman fra Circle Box Creative udelukkende til Webdesigner Depot-læsere.
Du er velkommen til at dele links til dine egne resultater i kommentarfeltet nedenfor ... Nyd!
Endeligt billede:
Trin 1
Første ting først. Åbn Photoshop og opret et nyt dokument. Jeg bruger et Web Preset-dokument på 800 × 600 pixel.
Vi henviser til et kildebillede af dette Halina-kamera, en jeg tog med min iPhone.
Du er velkommen til at bruge den eller et andet kamera. Faktisk opfordrer jeg det til, fordi du kan eksperimentere mere produktivt med de værktøjer og teknikker, jeg vil vise dig. Det er dit valg.
Når du har gemt billedet, skal du gå tilbage til Photoshop og gå til File → Place . Find dit billede og læg det i midten af dit dokument.
Omdøb det nye lag (dvs. det med kildefotoet på det) til noget passende, som f.eks. "Kilde". Sænk opaciteten af det pågældende lag til 50%.
Trin 2
Vores dokument og kildefoto er oprettet og klar til at gå. Før vi kommer ind i kameraets fine detaljer, lad os skabe de vigtigste figurer af kameraet til brug som vejledning.
Lav et nyt lag og kalder det "Main Body." Tag det rektangulære marquee værktøj og træk et rektangel over læderdelen af kameraets krop, som det ses nedenfor.
Udfyld dit valg med sort ved hjælp af Paint Bucket Tool, sørg for at "Main Body" -laget er valgt.
Vi kan ikke længere se kameraet, derfor er vi ved at fjerne markeringen af det synlige lag af "Main Body" laget. Når det ikke er markeret, skal du oprette et nyt lag kaldet "Venstre hovedkrop".
Tag det rektangulære markeringsværktøj igen og foretag et valg over hovedkroppens venstre side, og udfyld derefter det med mørkegrå. Hvis du ikke er sikker på, hvad jeg taler om, se billederne nedenfor.
Gentag dette sidste trin, denne gang du vælger og fylder højre side af kameraet. Glem ikke at oprette et nyt lag!
Med synligheden af alle lag aktiveret, bør vi se noget som dette:
Som med ethvert design begynder denne at se ... godt, smukt skidt. Det vil dog ændre sig; Bare rolig.
Mens du holder kommandotasten, skal du klikke på miniaturebilledet af vores lag "Venstre hovedlegeme." Inden du gør noget andet, skal du holde kommandoen + Shift-tasterne og klikke på miniaturebilledet af "Right Main Body" -laget. Området for begge punkter skal nu vælges.
Vælg "Main Body" -laget, og tryk på Delete-tasten. Dette fjerner uønskede områder af hovedlegemet. Vi kunne lige fået visuelt kontrolleret, at vores hovedkropsform var rigtig til at begynde med, men denne måde har tendens til at være meget mere præcis.
Vælg Polygonal Lasso Tool og, med synlighedskasserne ukontrolleret på alle vores formlag, lav et valg som vist nedenfor.
Højreklik og vælg Inverse, eller gå til Vælg → Inverse . Dette omdanner vores valg, så vi kan fjerne alt andet end vores oprindelige valg snarere end inde.
Klik igen på alle synlighedsfelterne ud for vores formlag og et klik for hver gang, og tryk på Delete-tasten. Du skal ende med dette:
Som du kan se, har vi nu den grundlæggende form af vores kamera. Grunden til, at vi gjorde det i separate lag, er, at vi kan være meget mere kreative i at anvende teksturer til bestemte områder. For eksempel vil vi være i stand til at anvende omdannede eller forvrængede teksturerede billeder til kun et bestemt område.
Trin 3
Selv om vi endnu ikke har lavet en stor del af kameraets hovedform, begynder vi at tilføje tekstur til hovedlegemet.
Jeg finder det meget nemmere at arbejde på et område først og derefter gå videre til næste trin, snarere end at tackle det hele på én gang. Gå over til Bittbox og download en af disse læder teksturer (Jeg brugte den sidste). Sæt det i dit dokument ved at gå til fil → sted .
Skrumpe tekstur; Den nemmeste måde at gøre dette på er at slå Kommando + T og trække hjørnerne ned, mens du holder Shift-tasten nede for at holde alt i forhold.
Ved at holde kommandotasten klikker du på miniaturebilledet ud for vores "Main Body" -lag. Højreklik og vælg "Vælg omvendt." Klik på dit læderteksturlag (du kan omdøbe dette til "Main Body Texture") og trykke på Delete-tasten.
Flyt "Main Body Texture" -laget ned, så det ligger direkte over dit "Main Body" -lag. Du kan se nu, hvorfor omdøbe dine lag er vigtigt; ellers ville de blive meget forvirrende.
Gå til Lag → Nyt justeringslag → Lysstyrke / Kontrast . Bring lysstyrkeniveauet ned til -75, og kontrasten op til +10. Sørg for at justeringen er over dit "Main Body Texture" -lag, og tryk på Command + E på justeringslaget for at fusionere det ned til dit teksturlag.
Dette betyder i grunden, at lysstyrken og kontrastindstillingerne kun vil blive anvendt til det teksturerede lag. Advarsel: Når du har slået et justeringslag ned, er der ingen justering af det, så sørg for at få det lige før sammensmeltning.
Placer tekstur i dit dokument (igen), og gå til Rediger → Transform → Skew . Sænk den ene side af teksturen, og sørg for, at den vender op med vinklen nederst på venstre side af hovedkroppen, som vist nedenfor.
Placer din tekstur, så den helt dækker venstre side af hovedkroppen. Mens du holder kommandotasten, skal du klikke på miniaturebilledet ved siden af vores "Venstre hovedkrop" -lag for at foretage et valg.
Højreklik og klik på "Vælg omvendt", vælg vores nye teksturlag og tryk på Slet-tasten.
Efter omdøbning af laget til "Left Main Body Texture" og flytte det direkte over "Left Main Body" -laget, tilføj et andet Justering → Lysstyrke / kontrastlag , denne gang justerer lysstyrken til -20 og kontrasten til +10.
Flet justeringslaget ned til "Left Main Body Texture" -laget ved at trykke på Command + E.
Gentag det sidste trin, denne gang til højre side af hovedlegemet.
Du tænker måske, at farven på hver side af hovedlegemet ser lidt ud. Bare rolig; det vil nok se meget mere passende ud, når kildebilledet er væk.
Hvis det stadig ikke ser rigtigt ud, kan vi røre det op senere. Sæt alle dine hovedlegemslag i en mappe med navnet "Main Body." Dette gør tingene meget nemmere at håndtere senere; ellers kunne vi ende med hundredvis af uorganiserede lag.
Fjern markeringen i den nye mappes synlighed. Nu kan vi gå videre til næste trin.
Trin 4
Den næste ting, vi starter, er linsen. Vælg Elliptical Marquee Tool, og foretag et runde valg over linsen.
Opret et nyt lag, og navngiv det "Lens Shape." Udfyld dit valg med lysegrå ved hjælp af Paint Bucket Tool.
Skjul synligheden af vores "Lens Shape" -lag, og lav flere flere cirkler. Brug passende farver til at udfylde hver cirkel, og husk at lave hver cirkel på et nyt lag.
Kald dem "Lins Shape 2," "Lens Shape 3," etc. I alt har jeg fem linseformlag. Her ser det ud til, at alle de valgte linseskikkelag er valgt, og nedenunder med alle lag valgt:
Trin 5
Vælg "Lens Layer 3" (dette er min tredje cirkel i), og træk det ned til ikonet Ny lag i lagpaletten. Dette vil duplikere laget.
Tryk på kommandoen + T-kombinationen for at åbne værktøjet Free Transform, og i menuen øverst i dit vindue skal du ændre bredde og højde til 95%.
Med det nye lag, der stadig er valgt (det skal være "Lens Layer 3 copy"), gå til Layer → Layer Style → Blending Options . Anvend en indvendig skygge ved hjælp af følgende indstillinger.
Gentag det sidste trin, indtil du har noget, der ser sådan ud:
Du vil sandsynligvis have omkring syv til ni nye lag efter det, vi lige gjorde, så sæt alle de kopierede lag og originalen i en mappe mærket "Lens Shape 3."
Trin 6
Skjul synligheden af alle dine linselag undtagen "Lins Shape 1." Gå til lag → Layer Style → Blending Options og anvend følgende indstillinger for Gradient Overlay:
Med det samme lag, der stadig er valgt, skal du duplikere det (som vi gjorde tidligere) og reducere højden og bredden til 94%. Genåb blandingsindstillingerne, og mørk hver af gradientfarverne.
Vi har dækket mange af de skraverede og fremhævede områder fra disse to enkle gradienter, men at tilføje lidt ekstra detaljer ville være cool.
Zoom ind i objektivet, og brug en fin blød børste (ved hjælp af børsteværktøj) penslen omkring nogle områder, som vist nedenfor. Hvis du har en grafikkort, ville det være en god tid at bruge den. Sørg for, at dette trin er gennemført i et nyt lag mærket "Lens Highlights".
Sænk opaciteten af dit nye højdepunktslag til 65%.
Gentag det sidste trin, denne gang ved hjælp af en mørk børste og maleri i alle skyggeområder. Gør dette i et nyt lag mærket "Lens Shadows." Sænk også dette lags opacitet til 65%.
Med alle vores valgte lag er her det, vi har indtil videre:
Trin 7
Sæt alle dine objektiv lag i en mappe mærket "Lens."
Opret et nyt lag og navngiv det "Inner Lens Shadow." Mens du holder kommandotasten, skal du klikke på miniaturebilledet af vores "Lens Shape 2" lag, som er min mørkegrå linse cirkel.
I det nye lag skal du gå til Rediger → Streg og bruge følgende indstillinger:
Jeg brugte en grå, der er lidt mørkere end den oprindelige grå cirkel.
Trin 8
Vores linse begynder at se godt ud. Lav et nyt lag og kalder det "Lens Reflection" (alle nye linselag skal placeres i "Lens" -mappen).
Tag en blød børste og brug en lysegul farve (jeg brugte # fffae5). Mal over nogle af linserne, som vist nedenfor.
Gå til Filter → Blur → Gaussian Blur og blur med ca. 10 pixels.
Skift blandingstilstanden til laget til Overlay, og sænk opaciteten til 40%.
Trin 9
Opret endnu et nyt lag (jeg ved, der er
meget) og navngiv det "Flare." Vælg den yderste form af "Lens Shape 2" ved at holde kommandotasten og klikke på miniaturebilledet af laget, og udfyld markeringen med ren sort i det nye lag.
Gå til Filter → Render → Lens Flare , og brug følgende indstillinger:
Skift blandingstilstand til overlejring, og sænk opacitet til 30%. Selv om dette ikke gør meget af forskellen, tilføjer det den vigtige detalje.
Trin 10
Alt, hvad vi vil gøre nu, er at tilføje lidt mere tekstur til vores linse. Opret et nyt nyt lag, og læg i en af disse teksturer . Skal tekstur ned og læg den over linsen.
Vælg omridset af laget "Lens Shape 1" (du ved hvordan du gør det nu), og vælg omvendt. Tryk på Slet på dit teksturerede lag.
Skift blandingstilstand til overlejring, og sænk opaciteten til 50%.
Hvis du føler trangen, kan du gentage dette trin ved hjælp af en anden tekstur. Og du kan gnide nogle områder ud ved hjælp af en blød viskelæder børste.
Trin 11
Vælg laget "Linseform 1", og åbn blandingsindstillingerne ved at gå til Lag → Lagstil → Blandingsindstillinger . Anvend følgende drop-shadow:
Download en af disse teksturer (Jeg brugte den sidste), og indsæt den i dit dokument.
Placer tekstur under dit lag "Lens Shape 5" (dette er min faktiske linse, glasbiten).
Vælg laget "Lens Shape 5", vælg Inverse og hit Slet på dit nye teksturlag (som jeg hedder "Bubble Texture"). Skift lagets blandingstilstand til overlejring.
Når du har placeret boblestrukturen over vores "Lens Shape 5" -lag, skal du gå til Lag → Nyt justeringslag → Hue / Mætning .
Forøg nuanceindstillingen til +180, og tryk på Command + E for at fusionere farvetone / mætningslaget med vores bobelteksturlag.
Sænk opaciteten til 65%. Vores objektiv er komplet!
Trin 12
Vi kommer et sted nu! Lad os gå videre til det nederste område af vores kamera.
Brug den samme teknik, som vi tidligere brugte til at få hovedlegemet (ved hjælp af Rectangular Marquee Tool og Polygonal Marquee Tool), vælg tre forskellige lag: "Left Bottom", "Main Bottom" og "Right Bottom."
Placer disse lag i en mappe kaldet "Bund."
Sørg for, at dine lag er ordnet korrekt, og læg dem under din linsemappe.
Trin 13
Åbn blandingsindstillingerne for dit "Main Bottom" -lag. Anvend følgende indstillinger for gradientoverlejring:
Gentag dette trin to gange, en gang for hver nederste side. Brug farverne fra dit originale kildebillede til maksimal detalje.
Trin 14
Opret et nyt lag og læg en af disse teksturer ind i det. Placer tekstur over dine nederste lag, som sådan:
Mens du holder kommandotasten, skal du vælge omridset af en af dine nederste figurer, og derefter holde Shift + Command-tasten, skal du klikke på de resterende to former.
Dette skal markere alle figurernes konturer, og efterlade dig dette:
Gå til Vælg → Inverse , og tryk på Delete-tasten, mens dit teksturlag er valgt.
Skift teksturens blandingstilstand til overlejring. Nu er vi færdige med den nederste del af vores kamera.
Trin 15
Det er det, vi har hidtil:
Kameraet er ret indlysende nu, hvilket er godt, fordi vi allerede har bygget et stort antal lag, den samlede filstørrelse kommer på over 4,3 MB.
Fra det, vi allerede har gjort, har du de fleste færdigheder, du har brug for resten af denne tutorial, så jeg vil ikke gå ind for meget detaljer herfra ind.
Opret en ny mappe og kald det "Søger". I nye lag opretter du følgende former ved at vælge markeringen af Marquee Tools, som vi har brugt flere gange tidligere.
Brug Polygonal Lasso Tool og funktionen Select Inverse til at skære de rigtige former ud af vores eksisterende rektangler.
Trin 16
Ved hjælp af den samme teknik, som vi brugte til cirklerne i objektivet, skal du oprette en søger.
Dette er lettere end det lyder: brug bare det rektangulære markeringsværktøj til at oprette flere rektangler, og udfyld dem med forskellige farver på forskellige lag.
Trin 17
Anvend nogle Gradient Overlays til dine "Main Searchfinder", "Left Searchfinder" og "Rightfinder" -lagene.
Trin 18
Brug den samme tekstur, som vi tidligere brugte til bunden af kameraet, og tilføj noget tekstur til søgerområdet. Sørg for at bruge nøjagtig samme indstillinger.
Brug penselværktøjet på et nyt lag for at skabe højdepunkter i din tekstur.
Trin 19
Brug de teknikker, du har lært, når du laver kameralinsen, krydder søgeren med gradienter, skygger og børsteværktøjet. Jeg brugte indvendige skygger på hvert rektangel, såvel som slagtilfælde.
Jeg brugte subtile gradienter, børsteværktøjet (for at tilføje en vis refleksion på begge sider af søgeren) og en objektivflare.
For at gøre cirklen lidt snavsere, tilføjede jeg 6 pixels billedstøj ved at gå til Filter → Noise → Add Noise .
Trin 20
Ved hjælp af Marquee Tools skal du tegne de resterende figurer på vores kamera. Husk at gøre hver form på et andet lag, og navngive dem passende.
Trin 21
Med vores udformede former er det tid til at tilføje gradienter og teksturer til hovedkroppen (vi laver knapperne bagefter). Brug de samme teknikker, som vi tidligere brugte.
Trin 22
Brug børsteværktøjet med en blød børste valgt, tilføj højdepunkter og skygger til vores nyligt strukturerede former.
Indstil blandingsmodus for hele skyggen og fremhæv lag til Overlay (skyggerne skal være i sort, højdepunkterne i hvid).
Det første skærmbillede er, hvad du vil se efter at have anvendt skygger, det andet efter skyggerne og højdepunkterne.
Trin 23
Vi er næsten der! Anvend nogle Gradient Overlays til vores to knapper.
Brug den samme teknik, som vi har brugt flere gange nu for at tilføje lyseffekter til dine knapper (dvs. børsteværktøjsteknikken).
Tilføj lidt tekstur til dine knapper for at afslutte tingene.
Konklusion
Efter alt det hårde arbejde er vi endelig færdige! Vi har et ret detaljeret kamera, som kan bruges som et lagerbillede, som en del af en foto manipulation eller endda som et ikon.
Eksperiment med farvetone og farvebalancer (du kan se mine ændringer med farveindstillingerne nedenfor).
Kompileret udelukkende til WDD af Callum Chapman, en freelance designer fra Cambridge, UK. Han er det kreative sind bagved Cirkelkasse Creative og Cirkelboks Blog , og kan ofte findes at skrive til designrelaterede blogs.
Hvad synes du om denne tutorial? Du er velkommen til at dele dine egne resultater nedenfor ...