Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Izradite 3D Cafe Znak Koristeći Adobe Photoshop i Filter Forge

Scroll to top
Read Time: 9 min
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Pronalaženje odgovarajuće teksture za 3D rad ponekad može biti prava gnjavaža. Filter Forge je odličan Photoshop plugin koji je vrlo koristan u ovakvim situacijama, sa više od 5,000 Filtera Tekstura koji imaju različite pred-postavke, postavke i opcije za upravljanje izgleda teksture. Ovaj tutorial će vam pokazati kako upotrijebiti nekoliko tih filtera da izradite jednostavan 3D "cafe" znak. Počnimo!

Resursi za Tutorial

Tijekom izrade ovog tutoriala korišteni su sljedeći resursi:

1. Izradite Oblike i Tekst

1. korak

Izradite novi 750 x 1000 px dokument. Uzmite Ellipse Tool, izradite 435 x 435 px krug, i zatim duplicirajte Ellipse 1 sloj i promijenite naziv kopije u Frame.

Create the Main EllipsesCreate the Main EllipsesCreate the Main Ellipses

2. korak

Dok je Ellipse Tool još aktivan, Frame obliku u Options kartici promijenite Fill None, Stroke Color u svijetlo sivu boju i Stroke Size u 30 pt. Zatim kliknite Set shape stroke type ikonu i podesite Align u Outside.

Frame Stroke OptionsFrame Stroke OptionsFrame Stroke Options

3. korak

Izradite još jedan krug veličine 50 x 50 px i promijenite mu naziv sloja u Hand.

Uzmite Rounded Rectangle Tool, podesite Radius na 35 i izradite 250 x 250 px pravokutnik zaobljenih kutova. Promijenite mu naziv sloja u Plate.

Creating the Hand and the PlateCreating the Hand and the PlateCreating the Hand and the Plate

4. korak

Uzmite Rectangle Tool i izradite pravokutnik veličine 737 x 15 px. Promijenite mu naziv sloja u Wall i zatim ga dva puta duplicirajte. Promijenite naziv prve kopije u Ceiling i druge kopije u Edge.

Creating the Rectangle LayersCreating the Rectangle LayersCreating the Rectangle Layers

5. korak

Na kraju dodajte tekst u sredini velike elipse koristeći font Nexa Rust Script L 0. Boja i veličina teksta nije bitna pošto ćemo ih moći promijeniti kada konvertiramo tekst u 3D mrežu.

Create the TextCreate the TextCreate the Text

2. Izradite 3D Slojeve

1. korak

Sada, ponovite sljedeće za svaki sloj koji imate: selektirajte ga i zatim idite na 3D > New 3D Extrusion from Selected Path. Za sloj teksta učinite sljedeće: selektirajte ga i idite na 3D > New 3D Extrusion from Selected Layer.

Create the 3D LayersCreate the 3D LayersCreate the 3D Layers

2. korak

Selektirajte sve 3D slojeve koje imate i zatim idite na 3D > Merge 3D Layers i promijenite naziv sjedinjenog sloja u 3D Scene.

Merge the 3D LayersMerge the 3D LayersMerge the 3D Layers

3. Promijenite Neke Vrijednosti Mreže

Za pristup postavkama i svojstvima 3D mreže, morate otvoriti dvije kartice: 3D karticu i Properties karticu (obje ćete pronaći ispod Window izbornika).

3D kartica ima sve komponente 3D scene, i kada kliknete na ime bilo koje komponente, moći ćete pristupiti njezinim postavkama u Properties kartici. Zato pazite da prije nego što mu promijenite postavke u Properties kartici, uvijek selektirate karticu elementa koji želite modificirati u 3D kartici.

1. korak

Selektirajte svaki od Mesh tabulara u 3D kartici i promijenite Extrusion Depth vrijednosti u Properties kartici kao što slijedi:

  • Ellipse 1: 50
  • Frame: 55
  • Text: 25
  • Hand: 500
  • Plate: 50
  • Wall: 1000
  • Ceiling: 1000
  • Edge: 50
Change the Extrusion Depth ValuesChange the Extrusion Depth ValuesChange the Extrusion Depth Values

2. korak

Promijenite Texture Mapping u Tile za svaku od Wall, Ceiling i Edge mreža.

Change the Texture MappingChange the Texture MappingChange the Texture Mapping

4. Promijenite Cap Vrijednosti

Selektirajte Frame tabular mreže, zatim kliknite Cap ikonu na dnu Properties kartice. Promijenite Bevel Width u 7%Contour u Half Round.

Učinite isto Text tabular mreže, ali podesite Bevel Width u 10% umjesto u 7%.

Adjusting the Cap SettingsAdjusting the Cap SettingsAdjusting the Cap Settings

5. Smjestite 3D Mreže

1. korak

Jedan način da pozicionirate 3D mreže na scenu bio bi promjena njihovih Coordinates vrijednosti. Stoga kliknite Wall tabular mreže i zatim kliknite Coordinates tabular na vrhu Properties kartice. Promijenite Y Rotation Angle u 90 Z Rotation Angle u -90.

Change the Coordinates ValuesChange the Coordinates ValuesChange the Coordinates Values

2. korak

Drugi način je upotreba Move Tool-ovih 3D Modes and 3D Axis.

Stoga, ako odaberete Move Tool, pronaći ćete za njega set 3D Modes načina s desne strane Options kartice.

Kada odaberete jednog od njih, tada možete kliknuti i povući da izvedete promjene (na selektiranom elementu u 3D kartici). To možete također upotrijebiti da radite s 3D mrežama (3D Mesh) koje imate.

Što se 3D Axis (3d Osi) tiče, strelice na završecima osi pomiču mrežu, dio ispod njih koristi se za rotaciju i kocke se upotrebljavaju za skaliranje. Kocka u sredini se koristi za ujednačeno skaliranje objekta. Sve što trebate učiniti jest kliknuti i povući relevantni dio.

The Move Tool 3D Modes and 3D AxisThe Move Tool 3D Modes and 3D AxisThe Move Tool 3D Modes and 3D Axis

3. korak

Upotrijebite Move Tool i Coordinates vrijednosti da pomaknete i smjestite 3d mreže oko scene, kao i pogled kamere, dok ne postignete željeni rezultat.

Moving the 3D Meshes and Placing them in the 3D SceneMoving the 3D Meshes and Placing them in the 3D SceneMoving the 3D Meshes and Placing them in the 3D Scene

6. Kreirajte Drveni Materijal

1. korak

Kliknite Ellipse 1 Front Inflation Material tabular u 3D kartici i zatim kliknite Diffuse ikonu teksture u Properties kartici i odaberite Edit Texture.

Edit the Ellipse TextureEdit the Ellipse TextureEdit the Ellipse Texture

2. korak

To će otvoriti datoteku teksture. Iznad sloj oblika izradite novi sloj i zatim idite na Filter > Filter Forge > Filter Forge 4.

Odaberite Grainy Wood filter, zatim odaberite 9. pred-postavku (presets) i kliknite Apply gumb.

Grainy Wood FilterGrainy Wood FilterGrainy Wood Filter

3. korak

Kada je tekstura primijenjena, dodajte Levels sloj za prilagođavanje (Adjustment Layer) i promijenite Gamma vrijednost u 0.90.

Pohranite datoteku (File > Save) i zatvorite je (File > Close) da se vratite nazad na originalni dokument.

Levels Adjustment LayerLevels Adjustment LayerLevels Adjustment Layer

4. korak

Promijenite Shine vrijednost u 90, Reflection u 10, i Roughness u 5.

Ellipse Mesh Material SettingsEllipse Mesh Material SettingsEllipse Mesh Material Settings

7. Kreirajte Materijal Brušenog Metala

1. korak

Odaberite Front Inflation Material tabular Frame mreže, kliknite mu Diffuse ikonu teksture i odaberite Edit Texture.

Izradite novi sloj iznad sloja oblika i zatim idite na Filter > Filter Forge > Filter Forge 4. Odaberite Super Brushed Metal filter, odaberite 9. pred-postavku (preset) i kliknite Apply gumb.

Pohranite datoteku i zatvorite je te ponovite jednake korake da primijenite istu teksturu na Back Inflation i na Extrusion Materials od Frame mreže.

The Super Brushed Metal FilterThe Super Brushed Metal FilterThe Super Brushed Metal Filter

2. korak

Selektirajte sve Material tabulare od Frame mreže i promijenite Shine u 80%, Reflection u 21%, Roughness u 23% i Refraction u 1.100.

Frame Mesh Material SettingsFrame Mesh Material SettingsFrame Mesh Material Settings

8. Kreirajte Materijal Teksta

Na tekst nećemo primijeniti ni jednu teksturu. Umjesto toga ćemo primijeniti ispunu bojom, i možete odabrati koju god boju želite.

Kako biste to učinili, selektirajte sve Material tabulare od Text mreže, kliknite Diffuse ikonu teksture i odaberite Remove Texture.

Nakon toga, promijenite Shine u 89%, Reflection u 35%, Roughness u 5%. Odaberite Diffuse boju koju želite—ovdje su korištene RGB vrijednosti (130, 101, 12)—i promijenite Specular boju u (89, 89, 89).

Text Mesh Material SettingsText Mesh Material SettingsText Mesh Material Settings

9. Kreirajte Materijale Drške i Pločice

1. korak

Selektirajte sve Material tabulare za Hand i Plate mreže i zatim promijenite Shine u 80%, Reflection u 21%, Roughness u 23%Refraction u 1.100.

Hand and Plate Mesh Material SettingsHand and Plate Mesh Material SettingsHand and Plate Mesh Material Settings

2. korak

De-selektirajte Plate Inflation Material tabular, kliknite Diffuse ikonu teksture i s liste odaberite Frame Extrusion Material.

Uredite teksturu za Plate Front Inflation Material odvojeno, kako biste primijenili istu teksturu brušenog metala. Tako nećete morati uređivati UV vrijednosti.

Hand and Plate TexturesHand and Plate TexturesHand and Plate Textures

10. Kreirajte Materijal Cigle

1.korak

Odaberite Wall Extrusion Material tabular, kliknite Diffuse ikonu teksture, i odaberite Edit Texture.

Idite na Filter > Filter Forge > Filter Forge 4, odaberite Brick factory filter i zatim odaberite 11. pred-postavku (preset).

Brick Factory TextureBrick Factory TextureBrick Factory Texture

2. korak

Kliknite Settings karticu i promijenite Color 1 of bricks #EDECEA, i Color 2 of bricks u #EAEAEA. Zatim kliknite Apply gumb.

Kada je tekstura primijenjena, pohranite i zatvorite datoteku i idite nazad na 3D scenu.

Brick Factory Filter SettingsBrick Factory Filter SettingsBrick Factory Filter Settings

3. korak

Kliknite opet Diffuse ikonu teksture i odaberite Edit UV Properties.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

4. korak

U Texture Properties okviru ćete se morati malo poigrati sa Scale ili Tile vrijednostima da dobijete rezultat koji vam se sviđa.

To ustvari kontrolira kako je tekstura primijenjena na ekstruziju mreže zida i kako je popločena vertikalno i horizontalno.

Texture Properties ValuesTexture Properties ValuesTexture Properties Values

5. korak

Promijenite Shine vrijednost u 90%. Zatim selektirajte Bump ikonu mape i na listi odaberite Wall Extrusion Material teksturu. Ako je potrebno, editirajte joj UV Properties da pristaje Diffuse svojstvima.

Add the Bump TextureAdd the Bump TextureAdd the Bump Texture

11. Kreirajte Materijal Stropa

1. korak

Uredite Ceiling Extrusion Material teksturu da primijenite Wall1 - AngelBlame filter.

Kada odaberete filter, kliknite Settings tabular, označite Seamless Tiling prozorčić i kliknite Apply gumb.

Wall1 - AngelBlame FilterWall1 - AngelBlame FilterWall1 - AngelBlame Filter

2. korak

Dodajte Hue/Saturation sloj za prilagođavanje (Adjustment Layer) i promijenite Saturation vrijednost u -75. Spremite i zatvorite datoteku.

HueSaturation Adjustment LayerHueSaturation Adjustment LayerHueSaturation Adjustment Layer

3. korak

Još jednom, morati ćete prilagoditi UV Properties za ovu teksturu. Isprobajte različite vrijednosti dok ne postignete rezultat koji vam se sviđa.

Ceiling Texture UV PropertiesCeiling Texture UV PropertiesCeiling Texture UV Properties

4. korak

Nakon toga, odaberite Ceiling i Edge Material tabulare, primijenite Ceiling Extrusion Material teksturu (s popisa tekstura) i promijenite Shine vrijednost u 90.

Ceiling and Edge Material SettingsCeiling and Edge Material SettingsCeiling and Edge Material Settings

12. Prilagodite Svjetlinu

1. korak

Kliknite Infinite Light 1 tabular u 3D kartici. Zatim, u Properties kartici promijenite Intensity u 80%, i Shadow Softness u 30%.

Sada uzmite Move Tool i pomičite svijetlo okolo dok ne postignete rezultat koji vam se sviđa.

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

2. korak

Kliknite Environment tabular, zatim kliknite IBL ikonu teksture i odaberite Replace Texture.

Učitajte Art Gallery Background sliku i promijenite Intensity u 40%.

Environment SettingsEnvironment SettingsEnvironment Settings

3. korak

Kliknite Add new Light to Scene ikonu na dnu 3D kartice i odaberite New Point Light.

Add New Point LightAdd New Point LightAdd New Point Light

4. korak

Smjestite svjetlo na vrh znaka i malo iza njega te mu promijenite boju u (248, 245, 237), Intensity u 30% i Shadow Softness u 10%.

Označite Light Falloff prozorčić, promijenite Inner i Outer vrijednosti, ovisno o tome kako želite da svijetlo blijedi.

Point Light 1 SettingsPoint Light 1 SettingsPoint Light 1 Settings

5. korak

Možete odvojiti malo vremena da pomaknete svijetla okolo i promijenite bilo koje od njihovih postavki, sve dok niste zadovoljni rezultatom.

Move the Lights AroundMove the Lights AroundMove the Lights Around

13. Dodajte Dubinu Polja

1. korak

Pomičite kameru dok ne dobijete kut koji vam se sviđa. Zatim selektirajte Scene tabular u 3D kartici i odaberite Hidden Wireframe iz Presets izbornika u Properties kartici.

Hidden Wireframe PresetHidden Wireframe PresetHidden Wireframe Preset

2. korak

Kliknite Current View tabular i promijenite Depth vrijednost u 5. Počnite isprobavati različite Distance vrijednosti dok ne dobijete fokus na znaku, i zamaglite dijelove koji ga okružuju.

Kada završite, opet kliknite Scene tabular i odaberite Default iz Presets izbornika.

Adding Depth of FieldAdding Depth of FieldAdding Depth of Field

14. Prilagodite Veličinu Okvira

1. korak

Nakon što je scena završena, možda ćete trebati napraviti neke promjene na mrežama.

Na primjer, možete odabrati tabular Frame mreže u 3D kartici i kliknuti Edit Source gumb u Properties kartici kako biste modificirali postavke oblika okvira.

Frame Mesh Edit SourceFrame Mesh Edit SourceFrame Mesh Edit Source

2. korak

Kada se otvori datoteka oblika okvira, promijenite Stroke Size u koju god vrijednost želite. Ovdje je podešeno na 5. Nakon što završite, spremite i zatvorite datoteku.

Change the Stroke SizeChange the Stroke SizeChange the Stroke Size

Možete vidjeti kako je 3D okvir ažuriran u 3D sceni također. To se odnosi i na ostatak 3D mreža, i korisno je kada odlučite da želite promijeniti postavke 3D mreže nakon što već imate gotovu 3D scenu.

Updated Frame MeshUpdated Frame MeshUpdated Frame Mesh

15. Renderirajte 3D Scenu i Prilagodite Svjetlinu

1.korak

Kada završite s radom na 3D sceni, idite na 3D > Render. Renderiranje bi moglo potrajati, ali uvijek ga možete prekinuti pritiskom na Esc tipku.

Render the 3D SceneRender the 3D SceneRender the 3D Scene

2. korak

Nakon što renderiranje završi, dodajte Gradient Map Adjustment Layer sloj koristeći Black to White gradijentnu ispunu, i označite Dither prozorčić. Zatim, Adjustment Layer sloju promijenite Blend Mode u Linear Burn Opacity u 30%.

Add Gradient Map Adjustment LayerAdd Gradient Map Adjustment LayerAdd Gradient Map Adjustment Layer

To će pojačati obojenje konačnog rezultata.

Final ResultFinal ResultFinal Result

Čestitam! Završili Ste

U ovom tutorialu smo upotrijebili nekoliko različitih Shape Tool alata da izradimo glavne oblike koji će biti dio 3D scene i zatim smo konvertirali te oblike u 3D mreže.

Nakon toga, modificirali smo neke Mesh i Cap postavke za 3D mreže i upotrijebili Coordinates vrijednosti i 3D Axis da pomaknemo te mreže i smjestimo ih u 3D scenu.

Nakon što su mreže smještene, počeli smo koristiti neke Filter Forge filtere da kreiramo teksture i primijenimo ih na različite materijale, kao i da prilagodimo postavke tih materijala.

I na kraju smo poradili na svjetlini, dodali dubinu polja i renderirali scenu. Zatim smo dodali sloj za prilagođavanje da pojačamo obojenje konačnog rezultata.

Ispod možete ostaviti svoje komentare, prijedloge i rezultate.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads