V tomto tutoriálu Photoshopu budeme reprodukovat poměrně starou kameru: Halina Super 35X.

Budeme používat různé nástroje a techniky k vytvoření vintage kamery od základů , od základních nástrojů Marquee (k vytvoření jednoduchých tvarů) ke kartáčovému nástroji (pro zvýraznění a stíny).

Cvičení má 23 kroků a zaměřuje se na uživatele s průměrnou znalostí Photoshopu.

Vytvořil jej Callum Chapman z programu Circle Box Creative výhradně pro čtenáře Webdesigner Depot.

Neváhejte a sdílejte odkazy na své vlastní výsledky v sekci Komentáře níže ... Enjoy!

Konečný obrázek:

Krok 1

Pěkně popořádku. Otevřete aplikaci Photoshop a vytvořte nový dokument. Použiji dokument Webové předvolby o rozlišení 800 × 600 pixelů.


Budeme odkazovat na zdrojový obrázek této kamery Halina, kterou jsem použil s mým iPhone.

Nebojte se jej použít nebo jednu jinou kameru - ve skutečnosti to povzbuzuji, protože budete schopni lépe experimentovat s nástroji a technikami, které vám ukážeme. Volba je na tobě.


Po uložení fotografie se vraťte zpět do Photoshopu a přejděte na File → Place . Vyhledejte obrázek a vložte jej do středu dokumentu.


Přejmenujte novou vrstvu (např. Tu, na níž je umístěna zdrojová fotografie) na něco vhodného, ​​například "Zdroj". Nižší opacitu této vrstvy na 50%.

Krok 2

Náš dokument a zdrojová fotografie jsou nastaveny a připraveny jít. Než se dostaneme do jemných detailů kamery, vytvoříme hlavní tvary kamery, které budou použity jako vodítko.

Vytvořte novou vrstvu a nazvejte ji "Hlavní tělo". Vezměte Nástroj Obdélníkový náčrt a přetáhněte obdélník přes koženou část těla fotoaparátu, jak je vidět níže.


Vyplňte svůj výběr černou barvou pomocí nástroje Bucket Bucket Tool a ujistěte se, že je vybrána vrstva "Main Body".


Fotoaparát již nelze vidět, a proto se chystáme zrušit zaškrtnutí viditelné vrstvy vrstvy "Hlavní těleso". Jakmile je nekontrolováno, vytvořte novou vrstvu s názvem "Levé hlavní těleso".

Uchopte nástroj Obdélníková markačka znovu a proveďte výběr na levé straně hlavního těla a poté jej naplňte tmavě šedou barvou. Pokud si nejste jisti, o čem mluvím, podívejte se na níže uvedené obrázky.


Opakujte tento poslední krok, tentokrát výběrem a naplněním pravé strany fotoaparátu. Nezapomeňte vytvořit novou vrstvu!


Pokud je viditelnost všech vrstev povolena, měli bychom vidět něco podobného:


Stejně jako u každého designu začíná tenhle člověk vypadat ... dobře, docela odpadky. To se však změní; nebojte se.

Zatímco držíte klávesu Command, klikněte na miniaturu naší vrstvy "Left Main Body". Než uděláte něco jiného, ​​podržte klávesy Command + Shift a klikněte na miniaturu vrstvy "Right Main Body". Obrys obou položek by měl být nyní vybrán.


Vyberte vrstvu "Hlavní těleso" a stiskněte klávesu Odstranit. Tím se odstraní nežádoucí oblasti tvaru hlavního těla. Mohli jsme jen vizuálně zkontrolovat, že naše hlavní tvar těla je správné začít, ale tento způsob má tendenci být mnohem přesnější.

Zvolte nástroj Polygonální laso a s nezaškrtnutými viditelnými políčkami ve všech tvarových vrstvách proveďte výběr, jak je vidět níže.


Klepněte pravým tlačítkem myši a vyberte možnost Inverzní nebo přejděte na volbu Vybrat → Inverzní . Tím se mění výběr, abychom mohli odstranit cokoli jiného než našeho původního výběru, nikoli uvnitř.

Klepněte znovu na všechny rámečky viditelnosti vedle našich tvarových vrstev a po jednom klepnutí na každé tlačítko a stiskněte klávesu Delete. Měli byste skončit tímto:

Jak můžete vidět, nyní máme základní podobu našeho fotoaparátu. Důvod, proč jsme to udělali v samostatných vrstvách, je, abychom mohli být mnohem kreativnější při aplikaci textur do určitých oblastí. Například budeme schopni aplikovat transformované nebo zkroucené texturované obrázky na jednu konkrétní oblast.

Krok 3

Přestože jsme ještě nevytvořili podstatnou část kamery, začneme do hlavního těla přidat texturu.

Považuji za mnohem jednodušší pracovat na jedné oblasti nejprve a pak se přesunout k dalšímu kroku, spíše než vyřešit všechny najednou. Přejeďte se na Bittbox a stáhněte si jeden z nich kůže textury (Poslední jsem použil). Vložte jej do dokumentu tím, že přejdete do Soubor → Umístění .


Zmenšení struktury; nejjednodušší způsob, jak to udělat, je zasáhnout příkaz Command + T a táhnutím rohů dolů, zatímco držíte klávesu Shift, abyste vše udrželi v poměru.


Podržením klávesy Command klepněte na miniaturu vedle naší vrstvy "Main Body". Klepněte pravým tlačítkem myši na položku a vyberte možnost "Select Inverse". Klepněte na vrstvu textilie kůže (můžete ji přejmenovat na "Main Body Texture") a stisknout klávesu Delete.

Přesuňte vrstvu "Hlavní tělo textury" dolů tak, aby byla přímo nad vaší vrstvou "Hlavní tělo". Nyní můžete vidět, proč je důležité přejmenovat vaše vrstvy; jinak by byly velmi matoucí.


Přejděte do vrstvy → Nová úroveň úprav → Jas / Kontrast . Nastavte úroveň jasu na -75 a kontrast až na +10. Ujistěte se, že nastavení je nad vaší vrstvou "Main Body Texture" a stiskněte klávesu Command + E na vyrovnávací vrstvě, abyste ji spojili do vrstvy textury.

To v podstatě znamená, že nastavení jasu a kontrastu bude aplikováno pouze na vrstvu s texturou. Upozornění: po sloučení vyrovnávací vrstvy dolů, není tam žádná úprava, takže ujistěte se, že si to ještě před sloučením.


Umístěte texturu do dokumentu (znovu) a přejděte na Upravit → Transformovat → Šikmo . Spusťte jednu stranu texturou a ujistěte se, že se vyrovná s úhlem v dolní části levé strany našeho hlavního těla, jak je vidět níže.


Umístěte texturu tak, aby úplně pokrývala levou stranu hlavního těla. Zatímco držíte klávesu Command, kliknutím na miniaturu vedle naší vrstvy "Levé hlavní tělo" provedete výběr.

Klepněte pravým tlačítkem myši a klikněte na "Select Inverse", vyberte novou vrstvu textury a stiskněte klávesu Delete.


Po přejmenování vrstvy na "Levou hlavní texturu těla" a přesunutím ji přímo nad vrstvu "Levé hlavní těleso" přidejte další úpravu → Jas / kontrastní vrstva, tentokrát nastavte jas na -20 a kontrast na +10.

Směrovou vrstvu slepte na vrstvu "Levé hlavní těleso" stisknutím klávesy Command + E.


Opakujte poslední krok, tentokrát pro pravou stranu hlavního těla.


Možná si myslíte, že barva každé strany hlavního těla vypadá trochu pryč. Nebojte se; bude pravděpodobně vypadat mnohem vhodnější, jakmile bude zdrojová fotografie pryč.

Pokud to stále nevypadá správně, můžeme se k tomu později dotknout. Umístěte všechny hlavní vrstvy těla do složky označené "Hlavní tělo". Díky tomu je mnohem snazší spravovat později; jinak bychom mohli skončit se stovkami neorganizovaných vrstev.

Zrušte zaškrtnutí viditelnosti nového adresáře. Nyní můžeme pokračovat v dalším kroku.

Krok 4

Další věc, kterou začneme, je čočka. Vyberte nástroj Elliptical Marquee Tool (Nástroj pro eliptický výběr) a proveďte kruhový výběr přes objektiv.


Vytvořte novou vrstvu a pojmenujte ji "Tvar objektivu". Vyplňte svůj výběr světle šedou pomocí nástroje Bucket Bucket Tool.


Skryjte viditelnost naší vrstvy "Lens Shape" a vytvořte ještě několik kruhů. Použijte vhodné barvy pro vyplnění každého kruhu a nezapomeňte vytvořit každý kruh na nové vrstvě.

Zavolejte jim "Tvar objektivu 2", "Tvar objektivu 3" atd. Celkem mám pět vrstev tvaru objektivu. Zde je to, co vypadá se všemi vybranými vrstvami tvaru čočky a dále níže se všemi vybranými vrstvami:

Krok 5

Vyberte "Lens Layer 3" (to je můj třetí kruh) a přetáhněte ji dolů na ikonu Nová vrstva v paletě vrstev. Tím se duplikuje vrstva.

Klepnutím na kombinaci Command + T otevřete nástroj Free Transform a v nabídce v horní části okna změňte šířku a výšku na 95%.


Nová vrstva, která je stále vybrána (by měla být kopie "Lens Layer 3"), přejděte do vrstvy Layer → Layer Style → Blending Options . Aplikujte vnitřní stín pomocí následujících nastavení.


Opakujte poslední krok, dokud nemáte něco, co vypadá takto:

Budete pravděpodobně mít asi sedm až devět nových vrstev po tom, co jsme právě udělali, tak vložte všechny tyto kopírované vrstvy a originál do složky označené "Objektiv tvaru 3."

Krok 6

Skryjte viditelnost všech vrstev objektivu kromě "Tvaru čočky 1." Přejděte na vrstvu → Styl vrstvy → Možnosti míchání a použijte následující nastavení Překryvného přechodu:


Se stejnou vrstvou, která je stále vybrána, ji duplikujte (stejně jako předtím) a snížit výšku a šířku na 94%. Opětovně otevřete možnost Blending a ztmavíte každou barvu přechodu.


Z těchto dvou jednoduchých přechodů jsme pokryli mnoho stínovaných a zvýrazněných oblastí, ale přidání trochu podrobnějších detailů by bylo v pohodě.

Přibližte objektiv a pomocí jemného měkkého kartáče (pomocí kartáčového nástroje) kartáčujte kolem některých oblastí, jak je vidět níže. Pokud máte grafickou tabletu, bylo by to vhodné použít. Ujistěte se, že tento krok je dokončen v nové vrstvě označené jako "Hlavní objektivy objektivu".


Snižte opacitu vaší nové vrstvy zvýraznění na 65%.


Opakujte poslední krok, tentokrát pomocí tmavého štětce a malování v jakémkoli stínu. Proveďte to v nové vrstvě označené jako "Stíny objektivu". Nižší krytí této vrstvy také na 65%.


Se všemi našimi vrstvami vybranými, tady máme to, co máme dosud:

Krok 7

Umístěte všechny vrstvy objektivu do složky označené jako "Objektiv".

Vytvořte novou vrstvu a pojmenujte ji "Vnitřní stín objektivu". Zatímco držíte klávesu Command, klikněte na miniaturu naší vrstvy "Lens Shape 2", což je můj tmavě šedý kruh objektivu.

V nové vrstvě přejděte na položku Upravit → Tah a použijte následující nastavení:


Používala jsem šedou barvu, která je trochu tmavší než původní šedý kruh.

Krok 8

Naše objektivy začínají vypadat docela dobře. Vytvořte další novou vrstvu a nazvejte ji "Reflexe čoček" (všechny nové vrstvy objektivu by měly být vloženy do složky "Objektiv").

Uchopte měkký kartáč a použijte světle žlutou barvu (používá jsem # fffae5). Natřete některý z objektivů, jak je vidět níže.


Přejděte na Filtr → Blur → Gaussian Blur (Blur) a rozostřete asi o 10 pixelů.


Změňte režim Blending vrstvy na Překrývání a snižte opacitu na 40%.

Krok 9

Vytvořte ještě jednu novou vrstvu (vím, že existují

hodně) a pojmenujte jej "Flare". Znovu vyberte vnější tvar "Tvaru čočky 2" přidržením klávesy Command a kliknutím na miniaturu vrstvy a vyplňte výběr čistou černou v nové vrstvě.

Přejděte na možnost Filter → Render → Lens Flare a použijte následující nastavení:


Změňte režim míchání na překryv a snižte opacitu na 30%. Ačkoli to nemá velký rozdíl, přidává to všechno důležité.

Krok 10

Jediné, co nyní děláme, je přidání trochu textury do našeho objektivu. Vytvořte další novou vrstvu a umístěte ji do jedné tyto textury . Zvětšete texturu dolů a umístěte ji na objektiv.


Vyberte obrys vrstvy "Tvar objektivu 1" (víte, jak to udělat nyní) a vyberte inverzní. Na strukturovanou vrstvu klikněte na položku Odstranit.


Změňte režim míchání na překryv a snížte opacitu na 50%.


Pokud máte pocit nutkání, můžete tento krok zopakovat pomocí jiné textury. Některé oblasti můžete vyčistit pomocí měkkého gumového kartáče.

Krok 11

Vyberte vrstvu "Tvar čočky 1" a otevřete možnosti Blending, přejděte do části Vrstva → Styl vrstev → Možnosti míchání . Použijte následující stín:


Stáhněte si jeden z tyto textury (Poslední jsem použil) a vložte jej do dokumentu.

Umístěte texturu pod vrstvu "Tvar objektivu 5" (to je moje skutečná čočka, skleněná stopa).

Vyberte vrstvu "Tvar objektivu 5", vyberte možnost Inverzní a na nové vrstvě textury (kterou jsem nazval "Bublinková textura") klikněte na položku Odstranit. Změňte režim Blending na vrstvu na překryv.


Po umístění textury bublin na vrstvu "Lens Shape 5" přejděte do vrstvy → New Adjustment Layer → Hue / Saturation .

Zvětšete nastavení odstínu na +180 a stisknutím klávesy Command + E sloučte vrstvu barvy / sytosti s vrstvou textury bublin.


Snižte opacitu na 65%. Náš objektiv je kompletní!

Krok 12

Jdeme někam teď! Pojďme do dolní části našeho fotoaparátu.

Pomocí stejné techniky, kterou jsme dříve použili pro získání tvaru hlavního těla (s použitím nástroje Rectangular Marquee Tool a Polygonal Marquee Tool), vyberte tři různé vrstvy: "Levý dolní", "Hlavní dno" a "Pravý dolní okraj".

Umístěte tyto vrstvy do složky s názvem "Dolní část".


Ujistěte se, že jsou vaše vrstvy uspořádány správně a umístěte je pod složku objektivu.

Krok 13

Otevřete možnosti Blending pro vaši vrstvu "Hlavní dno". Použijte následující nastavení překryvného přechodu:


Tento krok opakujte dvakrát, jednou pro každou spodní stranu. Pro maximální podrobnosti použijte barvy z originální zdrojové fotografie.

Krok 14

Vytvořte novou vrstvu a umístěte jednu z následujících tyto textury do toho. Umístěte texturu na spodní vrstvy, například:


Zatímco držíte klávesu Command, vyberte obrys jednoho z vašich spodních tvarů a podržte klávesu Shift + Command a klikněte na zbývající dva tvary.

Měli byste zvolit všechny obrysy tvarů a nechat vás s tímto:


Přejděte na možnost Vybrat → Inverzní a stiskněte tlačítko Odstranit, když je zvolena vrstva textu.


Změňte režim Blending textury na Překrývání. Nyní jsme hotovi se spodní částí našeho fotoaparátu.

Krok 15

To je to, co máme dosud:

Fotoaparát je nyní docela zřejmý, což je dobré, protože jsme již vybudovali obrovský počet vrstev, přičemž celková velikost souboru je vyšší než 4,3 MB.

Z toho, co jsme již udělali, máte většinu dovedností, které budete potřebovat po zbytek tohoto tutoriálu, takže odtud nebudu jít příliš podrobně.

Vytvořte novou složku a pojmenujte ji "Hledáček". V nových vrstvách vytvořte následující tvary pomocí výběru nástroje Marquee Tools, který jsme použili několikrát dříve.


Použijte nástroj Polygonal Lasso Tool a funkci Select Inverse pro odstranění vlastních tvarů z existujících obdélníků.

Krok 16

Pomocí stejného postupu, který jsme použili pro kruhy v objektivu, vytvořte hledáček.

To je jednodušší, než to zní: použijte nástroj Rectangular Marquee Tool k vytvoření několika obdélníků a vyplňte je různými barvami na různých vrstvách.

Krok 17

Použijte některé překryvy přechodu na vrstvy "Hlavní hledáček", "Levý hledáček" a "Vpravo hledáček".

Krok 18

Pomocí stejné textury, kterou jsme použili dříve pro spodní část fotoaparátu, přidejte do oblasti hledáčku určitou strukturu. Ujistěte se, že používáte přesně stejné nastavení.


Použijte nástroj Brush na novou vrstvu, abyste vytvořili nejdůležitější textura.

Krok 19

Pomocí technik, které jste se naučili při vytváření objektivu fotoaparátu, propojte hledáček s přechody, stíny a kartáčovým nástrojem. Na každém obdélníku jsem použil Vnitřní stíny, stejně jako mrtvice.

Používal jsem jemné přechody, nástroj Brush (pro přidání nějakého odrazu na obou stranách hledáčku) a objevení se objektivu.

Chcete-li, aby kruh byl trochu špinavější, přidal jsem šum o 6 pixelů tím, že přejdete do nabídky Filtr → Šum → Přidat hluk .

Krok 20

Pomocí nástroje Marquee Tools nakreslete zbývající tvary kamery. Nezapomeňte udělat každý tvar na jiné vrstvě a pojmenujte je vhodně.

Krok 21

S našimi tvary, je čas přidat do hlavního těla gradienty a textury (pak uděláme tlačítka). Použijte stejné techniky, jaké jsme použili dříve.

Krok 22

Pomocí nástroje Brush s vybraným měkkým kartáčkem přidejte do našich nově tvarovaných tvarů světle a stíny.

Nastavte míchací režimy všech vrstev stínů a zvýraznění na vrstvu Overlay (stíny by měly být černé, zvýraznění bílé).

První snímek obrazovky je to, co uvidíte po aplikaci stínů, druhý po stínu a zvýraznění.

Krok 23

Už tam skoro jsme! Použijte některé překryvné přechody na naše dvě tlačítka.


Použijte stejnou techniku, kterou jsme již několikrát použili k přidání světelných efektů vašim tlačítkům (tj. Techniku ​​Brush Tool).


Přidejte nějakou texturu na vaše tlačítka, abyste věci dokončili.

Závěr

Po téhle tvrdé práci jsme konečně skončili! Máme jednu velmi detailní kameru, která může být použita jako zásoba, jako součást manipulace s fotografiemi nebo dokonce jako ikona.

Experimentujte s vyvážením odstínů a barev (můžete vidět své úpravy s níže uvedenými nastaveními barev).


Zkompilovaný výhradně pro WDD od Callum Chapman, nezávislý návrhář z Cambridge ve Velké Británii. On je tvůrčí mysl za sebou Circlebox Creative a Blog Circlebox , a často lze nalézt písmo pro blogy týkající se designu.

Co si myslíte o tomto tutoriálu? Neváhejte se podělit o vlastní výsledky níže ...