() translation by (you can also view the original English article)
V tomto tutoriále budeme vytvárať akýsi starý svetovú zloženie predstavovať kompas a vyu ívať niektoré úžasné vektorovej grafiky z Arsenalu. Ako vždy je PSD súboru v dolnej časti tutoriále. V tomto prípade by vrelo odporúčam sťahovať tak ako to je docela komplexné zloženie. Byť upozornení, je to dlho, návod!
Jo, a v prípade, že ste premýšľal, inšpirácia pochádza z naozaj pekný súbor kníh, z ktorých jedna sa nazýva Golden Compass (vlastne robia knižnej série filmu teraz!).
Aktíva
Na tento účel budeme potrebovať niekoľko aktív na prácu s. Používam nejaké vektorové tvary z GoMedia/Arsenal pozornosť sekcii. Arsenal je sada vektor baleniach, aby ste si kúpili, ktoré môžu použiť Illustrator alebo Photoshop. V tomto prípade pretože som lacný, som išiel do časti "Pozornosť" a stiahnuť všetko tam!
Navyše som potreboval kompasu, ktoré som dostal od iStockPhoto 1 dolár. Som tiež pomocou svadobné skript písma. Nemôžem za život mi spomenúť, kde som dostal toto písmo alebo ak jeho zadarmo alebo nie. V každom prípade, ak nemáte toto špecifické písmo pravdepodobne nájdete niečo podobné.
Časť 1 - Banner
I rozdelili tento návod na dve časti, potom na konci sme im spojiť tvoriť výsledného obrazu. Mali by ste Stiahnuť PSD a pozrite sa na to. Tento obraz je naozaj dosť komplikované a bude väčší zmysel, keď sa pozriete na vrstvy!
Krok 1:
Tak po prvé, začneme s pozadia gradientu. Ako vždy som pomocou radiálny Gradient, a pričom niektoré tmavé modrastej farby.
Farba popredia - #35444b
Farba pozadia - #1a2023
Krok 2:
Teraz ďalšia vec, ktorú urobiť, je vložiť prvé naše vektorových obrázkov. Je to akýsi banner vec.
Môžete to urobiť dvoma spôsobmi. Po prechode na lokalitu GoMedia, kliknite na sekciu pozornosť a budete Stiahnuť dokument EPS. Tieto dokumenty sú vo formáte vektorového a v ideálnom prípade môže ich otvoriť v aplikácii Illustrator potom copy + vložiť vektora cez Photoshop. Ak to urobíte tak, budete mať Smart vektorový objekt, ktorý môžete zmeniť veľkosť bez akejkoľvek straty kvality. Ak to budete robiť, budete musieť pravým vrstve neskôr a kliknite na rastrovanie vrstvy ako musíme urobiť nejakú prácu na nej.
Prípadne ak nechcete mať/používanie Illustrator, potom stačí otvoriť súbor EPS vo Photoshope. To sa spýta, ako akú veľkosť chcete rastrovanie ho. Stačí si vybrať niekoľko náhodných hodnôt a potom opakovať to niekoľkokrát, kým nebudem mať správnu veľkosť. Všimnite si, že akonáhle je narastrované, stratíte informácie na obrázku pri zmene veľkosti, takže jej najlepšie len to urobiť raz.
Tak či onak tu je banner:
Krok 3:
Teraz dostať Magic Wand výber Tool (W) a kliknite na hornej časti banner, a potom vytvorte novú vrstvu a naplňte ju s béžovej farby (#dfd6b8)
Krok 4:
Zopakujte proces s dvoma časťami banner na pozadí (ako je uvedené nižšie).
Ďalej chceme zdrsnite trochu, čo môžeme urobiť s Burn Tool (O). V prípade, že ste nikdy nepoužívali Dodge a vypáliť nástroje, v podstate buď stmaviť alebo zosvetliť objekt. Používate ich maľovanie so štetcom a sú to docela úhledné nástroje. Jeden šikovný tip je, že akonáhle ste si vybrali povedať Burn Tool, potom môžete držať stlačený kláves Alt a prepne do Dodge (a naopak) tak, že nemusíte ísť na panel a zmeňte tam.
Teraz preto, že chceme naozaj odvážny vzhľad, oplatí sa odvážny štetcom. V tomto prípade som použil kefu znovu stiahol z GoMedia stránky pozornosť sekcii. Stačí ich stiahnuť a potom ísť otvoriť štetec palety, kliknite na malú šípku smerujúcu doprava a vyberte načítať kefy a oni by mali všetky sa zobrazia v dolnej časti.
Akonáhle budete mať pekné grunge kefa, stačí začať pálenie na pravej strane, ako je znázornené. To urobiť v krátkych guličky tak dostanete pekný drsnejšiu štruktúru.
Krok 5:
Opakujte tento postup na druhej strane, potom použiť trochu Dodge v stredu. Potom opakujte znova na chrbte, tak, že bity smerom do stredu sú tmavé a vonkajšími osvetlená.
Všimnite si, že sa snažíme simulovať svetlo tu zdroj svetla z jazdy vpred. Takže dôvod, prečo robíme to takhle je, že bitov na oboch stranách by mali byť tmavé, pretože tieto časti sa odvracajú od diváka. Vzadu, diely v stredu padajú do záhybov, takže by sa tieňovaný. Samozrejme je to len vágne aproximácie, ale pomáha s celkový vizuál.
Krok 6:
Teraz držte stlačený kláves Ctrl a kliknite na vrstvu s top béžová časť ho vyberte. Stlačte šípku nahor niekoľkokrát. Potom prejdite späť do pôvodnej banner vektorové vrstvy a stlačte kláves Delete.
V podstate sme sa zbaviť top Čierna čiara.
Krok 7:
Teraz v novej vrstve vyplnenia s tmavo modrá (#283438)
Krok 8:
Dostať von OL "Burn Tool a začať dávať túto vrstvu niektoré textúry. Ako predtým, ako chcete, okraje sa mierne tmavšie ako stred, aj keď nerobia príliš výrazný efekt.
Krok 9:
Teraz Duplikovať vrstvu béžová zozadu a presunúť ju trochu a potom doľava, ako je znázornené. To dáva náš banner off-centrum druh vzhľad, ktorý robí to superbad!
Krok 10:
Ďalej sme sa nahradiť zvyšku časť vektor čierna tmavo modrá a znova dať niektoré textúry. Takže držte stlačený kláves Ctrl a kliknite na túto vrstvu ho vyberte. Potom vyplňte s tmavo modrá.
Krok 11:
Teraz znova prejsť a pomocou nástroja napáliť pridať tiene na časti, ktoré idú do záhybov, aby to trochu three-dimensionality.
Krok 12:
Ďalšie v novej vrstve písať von nejaký text. Napísal som niekoľko náhodných slov tu. Používa béžovú farbu a vybrať pekné písmo. V tomto prípade som pomocou svadobné skript.
Krok 13:
Teraz kliknite na Type Tool (T) a hornej kliknite na že T s šípky pod ňou vychovávať Warp Text možnosti. Tu sme pomocou oblúka a dávať to ohnúť asi 43%.
Všimnite si, že ak používate illustrator mohol urobiť Text na cestu vec v Illustratoru, a potom skopírovať ho cez a môžu mať menšie skreslenie na listy. Ale pretože je to Photoshop tutorial a nie ilustrátor, jeden, my budeme len držať PS :-)
Krok 14:
Ďalej som pridal niektoré vrstvy štýly text vyzerať druh zlatý. Môžete otvoriť PSD na konci tohto tutoriálu a stačí skopírovať štýl vrstvy pravým tlačidlom myši na vrstvu a výberom kopírovať štýl vrstvy. Milujem štýly vrstvy, ako budete nepochybne realizovať Ak čítate dosť mojich tutoriálov. Najlepšia vec robiť, keď pomocou vrstvy štýlov sa pohrať s každé nastavenie, existuje toľko cool vecí, ktoré môžete urobiť.
Krok 15:
Takže ste mali niečo, čo vyzerá trochu ako obrázok nižšie! Ďalej sme chystá urobiť pozadia a sfarbenie. Tak vypnite tieto vrstvy viditeľnosť a umožňuje začať s pozadím.
Časť 2 - pozadia
V tejto sekcii budeme robiť všetky ostatné časti obrazu. Druh tieto chodiť čo sme už urobili--je najlepšie vidieť poradie vrstiev sa pozrieť na Photoshop súboru.
Krok 16:
Tak vypnite všetky vaše súčasné vrstvy s výnimkou pozadie.
Krok 17:
Teraz budeme pridať trochu textúru pozadia. Pre tento som pomocou vzorky textúr, opäť z GoMedia/Arsenal pozornosť sekcii
Ten sa nazýva "Rust11.jpg." Vložte ho a zmenšiť až na veľkosť. Nastavte ju na prekrytie tak, že komunikuje s tmavo modrej z našich pozadia.
Krok 18:
Pretože som si nemyslel, že to vyzeralo dosť tma, som pridal vrstva na vrchole tmavošedá a nastavená tak, že sa množiť a 35%.
Mal by som zdôrazniť že s obrázkom to komplikované, akési máte veľa experimentovať a robiť veci voľným okom. Tak často by som sa pozrieť na niečo a premýšľať, to musí byť tmavšie, alebo že nepracuje a uzavrieť veci alebo dať veci. Určite keď prichádza s tento obrázok som nemal ísť cez tieto kroky v tomto poradí. Je to len pohodlný spôsob, ako odovzdať informácie späť k vám. Tak nemyslím si, že musíte mať nejaký úžasný plán v mysli, až budete robiť obrázky, len to, čo cítia pravdu. Čím viac budete robiť, viac cvičil oka sa stáva pri rozhodovaní, či je niečo správne alebo nie.
Krok 19:
Teraz som vložili v niektorých viac vektorov z balíku zadarmo GoMedia. Vybral niektoré staré-hľadáte socha vektorov a nastaviť všetky množiť. Pretože som nemal dosť, som zapol pár pokryť celú stranu bez toho, aby vyzeral ako som bola len opakuje stále dookola!
Krok 20:
Ďalej som vložiť druhý posledný naše vektorov z GoMedia. Tohle je zrejme niečo polovica-tón. V každom prípade to vyzerá okenice ku mne a budeme ju používať pre osvetlenie. Najprv pretože vektor bol čierny, som stlačil Ctrl-I invertovať farbu na bielu. Mohol práve ako ľahko vyplňovať s bielou, prekrytí farbou ju s bielym alebo vyberte jeho pixelov a urobte novú vrstvu a že vyplňovať s bielou. Naozaj často existuje mnoho spôsobov, ako urobiť to isté vo Photoshope: Myslím, že to čo robí to taký skvelý program!
Krok 21:
Ďalej sme hit Ctrl + T transformovať a vektora okolo otočiť a natiahnuť väčší.
Krok 22:
Nastaviť túto vrstvu na prekrytie a uistite sa, že jej pekné a veľké (ako je uvedené nižšie). Ako vidíte, vyzerá trochu ako svetlo vo vysielaní z niektoré otvorené okenice. Nebudete môcť vidieť veľa z tohto výsledného obrazu, ale Podrobnosti takhle pridať až pekný komplexné zloženie na konci.
Pretože svetlo je zriedka pekné a ostré, to je tiež dobrý nápad ísť na filtre > Blur > Gaussova rozostrenie a aplikujte rozmazanie s polomerom povedať 1px len aby sa trochu fuzzy.
Krok 23:
Ďalej vytvorte novú vrstvu a pomocou radiálny Gradient chystá od béžová (#b58d4e) nič nakreslite zo stredu smerom von aby patch farby, ako je uvedené nižšie. Nastaviť režim prelínanie tejto vrstvy na Screen. To bude ďalší bit osvetlenia.
Krok 24:
Teraz duplicitné, že poslednú vrstvu opäť a my teraz budete spúšťať Wave filter cez to niekoľkokrát aby osvetlenie dynamickejšie. Robíte to tým, že pôjdete do filtra > deformácia > vlny.
Musím sa priznať, nemám naozaj pochopiť, ako funguje Wave filter, takže zvyčajne len presunúť niektoré posuvníky okolo bit a stlačte Randomize až dostanem pekné skreslenie - vedecká viem :-)
Tak či onak Akonáhle ste urobili, že uvidíte blob stáva druh vlnité. Stlačte Ctrl + F niekoľko krát aby sa to veľmi skreslený a ste mali mať zaujímavý efekt.
Potom, čo ste urobil, mohol Ak zvolíte proces opakovať a mať druhé svetlo blob na stránke.
Krok 25:
Teraz som pridal ešte ďalší vektor obrázok, opäť z GoMedia je voľný oddiel. Toto vyzerá ako nejaké hrubé nečistoty, a len pridal a zmeniť režim prelínanie na prekrytie a 40%.
Krok 26:
Ďalší išiel na niektoré náhodné webovú stránku o Biblii a skopírovať nejaký náhodný text a vložiť ju znovu a znovu. Skutočne pri pohľade späť, som trochu mizerný prácu s udržaním riadky, aj keď som duplicitné im, ale že nezáleží, predpokladám. Hlavná vec urobiť, je dostať veľa textu a zlúčiť vrstvy dohromady.
Potom nastavte režim prelínanie tvrdej svetlo a 40%.
Krok 27:
Zatiaľ všetko, čo sme urobili by boli za pôvodné vrstvy z časti 1. Teraz vytvorte vrstva nad banner časť 1. Vyberte veľký, tučný, mäkkou kefou (povedzme 200-300) a čiernu ako farbu popredia len maľovať na okrajoch, ako je znázornené. Až budete hotoví zmeniť režim prelínanie na prekrytie.
Krok 28:
Ďalej do novej vrstvy vyberte tieto farby ako vaše popredia a pozadia:
Farba popredia - deb883
Farba pozadia - 745222
a potom ísť na Filter > Render > mraky. Teraz to by vám niektoré mraky, ale dostať dynamickejšie render, stlačte Ctrl + Alt + F. Nie som si istý, čo to vlastne je za ponuky, ale viem, že vyrába mraky s ťažšie rozdiel, čo chceme. Mali by ste dostať niektoré oblaky, ktoré vyzerajú ako tie nižšie.
Nastaviť režim prelínanie na prekrytie a 65%. Táto vrstva sa chystá dať nám väčšina našej sfarbenie.
Krok 29:
OK, takmer tam teraz!
Mali by ste mať niekoľko vrstiev navrchu, banda pozadia vrstvy v dolnej a potom vrstvy z časti 1 niekde uprostred.
Ďalšie budeme pridávať kompas v. To musí ísť uprostred vrstvy z časti 1, pretože to bude komunikovať s nimi. Vidíte presnú objednávku stiahnutím PSD súbor z dolnej časti tohto tutoriálu.
Takže pomocou nástroja výber kruh som vystrihnuté kompas z pôvodného pozadia (nezabudnite mám tento kompas z iStockPhoto). Vyzerá to žltkastá, pretože máme, že mraky vrstvy niekde vyššie.
Krok č. 30:
Kompas vyzerá trochu holý, ako to je, takže sme sa chystáte polievka sa farby trochu. Na tento účel duplicitné kompas vrstvy a stlačte Ctrl + Shift + môžete odfarbuje to (t. j. aby bolo čierna a biela)
Krok č. 31:
Nastavenie čiernej a bielej vrstvy overlay. To dáva vyšší kontrastný vzhľad. (V skutočnosti, môžete dosiahnuť rovnaký účinok niekoľko ďalších spôsobov.)
Ďalej si Burn Tool znova a vráťme sa k pôvodnej kompas vrstvy, dať nejaké rozumné horiacu dno a boky. Teraz náš kompas začína vyzerať pekne a teplo.
Krok č. 32:
Potom vo vrstve pod kompas, aby čierny kruh rovnakej veľkosti ako kompas. Môžete to urobiť stlačením klávesu Ctrl a kliknutím na kompas vrstvu a potom ísť späť do vrstvy pod a vyplnenie ju s čiernou.
Ďalej prejdite na Filter > Blur > Gaussova rozostrenie a dať to rozostrenie 10px alebo tak. To je tieň pre náš kompas.
A dať to dohromady
Nakoniec dáme kompas + pozadia + banner dohromady, aby vytvorili finálny obraz!
Všimnite si, že tam bolo niekoľko vrstiev som vynechal, aby tento krátky návod (aj kratšie mimochodom). Môžete si stiahnuť PSD vidieť zvyšok! Dúfam, že vám to páčilo tento návod, to bolo trochu monštrum!
