Jak stworzyć mapę w Photoshopie ze wzgórzami?


20

Jestem początkującym pisarzem i tworzę mapę mojego fantastycznego świata w Photoshopie. Mapa jest bardzo szczegółowa i zawiera między innymi informacje o wzorcach wiatru, zmianach temperatury i ruchu płyt tektonicznych. Udało mi się to wszystko z powodzeniem przekazać. Mam problem z górami / wzgórzami.

Byłem w stanie przedstawić górę / wzgórze symbolem z niestandardowego pędzla, ale chciałbym też, aby jakiś sposób „wybrzuszał się” na zewnątrz, aby wyglądało na to, że rzeczywiście jest tam wzgórze.

W jaki sposób mogę to zrobić?

Przykłady:

Dość ogólny przykład tego, co chcę osiągnąć:

Mapa terenu

Nieco dokładniejszy przykład tego, czego szukam. Zwróć uwagę, że wzgórze w lewym dolnym rogu po prostu wydaje się „wznosić” z miasta:

wprowadź opis zdjęcia tutaj

Czego nie chcę:

wprowadź opis zdjęcia tutaj

Dalsze szczegóły i to, co próbowałem:

Udało mi się obejść ten problem w górach, rysując śnieg i lodowce. Nie powoduje to wybrzuszenia ziemi, ale możesz przynajmniej zobaczyć, gdzie rozciąga się góra. Nie zadziała to jednak w przypadku mniejszych gór i wzgórz, na których nie ma śniegu.

Eksperymentowałem z funkcją Emboss, która zapewnia przyjemny efekt plateau / lawy. Nie wygląda jednak jak wzgórze.

Próbowałem funkcji Pinch, przechodząc w liczby ujemne, aby wybrzuszała się zamiast szczypać. Niestety funkcja jest tak duża (wpływa na cały obraz), że nie mogę jej wystarczająco zlokalizować. Nie mogę też celować w żaden obszar obrazu.

Najlepszy pomysł, jaki miałem, to jakoś zrobić wzgórze 3D, zrasteryzować go do płaskiego obrazu, a następnie jakoś przekształcić w pędzel. Następnie mógłbym użyć pędzla, aby zabarwić ziemię, aby wyglądała jak wzgórze. Problem polega na tym, że moje zdolności do tworzenia 3D są wątpliwe, a pędzel musi działać tylko w kolorze czarnym / przezroczystym czarnym. Szarości, które byłyby uwzględnione na spłaszczonym obrazku wzgórza 3D, nie przekształciłyby się w niestandardowy pędzel.

Najlepszy wynik, jaki miałem: rysowanie na czarno, wytłaczanie i ustawianie warstwy jako „Nakładka”. Wygląda w połowie przyzwoicie, choć nadal przypomina amebę.

wprowadź opis zdjęcia tutaj


Czy możesz opublikować swoją najlepszą próbę? Moje początkowe uczucie to aerograf, ale nie jestem pewien, co masz.
Ryan

Wydaje mi się, że musisz szczotkować cienie ... (lub dodawać cienie ... w zależności od stylu mapy można to również zrobić za pomocą narzędzia do pisania).
Joonas

1
Cóż ... to naprawdę tylko techniki ilustracyjne wykorzystujące światło, cień i skróty. W Photoshopie nie będzie tak naprawdę „magicznego” przycisku. Opcje skraplania lub opcje wypaczania będą tak dobre, jak to tylko możliwe, bez rysowania.
Scott

@ Ryan Nie mam najlepszej próby, ponieważ nie byłem w stanie wymyślić sposobu, który według mnie zadziała. Nie jestem jednak pewien, jak działa aerograf ...
Thomas Reinstate Monica Myron

@Jenna Dzięki za link, ale wygląda na to, że nie działa. Zgodziłbym się, że moim problemem będzie realistycznie wyglądająca głębokość gór.
Thomas Reinstate Monica Myron

Odpowiedzi:


16

Zacznij od bardzo luźnego pomysłu:

Luźny pomysł

Narzędzie markizy, aby szybko przejść przez High:

Namiot wysoki

Dodaj swój wysoki kolor:

Kolor plateau

Jeśli naciśniesz Cmd/Ctrl+ miniaturę Plataeu na panelu warstw, wybierze ją dla mnie. Następnie wykonaj SelectModifyExpand. Użyłem 15 pikseli. Zauważ, że spód Płaskowyżu i Selekcja mają teraz przesunięcie do niego:

Płaskowyż z przesunięciem

Utwórz warstwę poniżej, pokoloruj ją, powtórz. Używaj progresywnie mniejszych rozmiarów rozszerzeń. Im więcej robisz, tym ładniej będzie wyglądać:

( Uwaga: jeśli masz program Adobe Illustrator, możesz użyć tej Blendfunkcji, aby wykonać to zautomatyzowane )

Zabarwienie

Dodaj w swojej wodzie:

Dodano wodę

Dodaj bardzo cienką kreskę do wody:

Woda z udarem

Następnie użyłem tabletu rysunkowego, aby dodać do niego małe linie. Im niżej, tym mniej wyraźne się stają. Można to zrobić za pomocą myszy, a nawet pociągnięć i masek, ale tablet rysunkowy z pewnością pomaga:

wprowadź opis zdjęcia tutaj

Dobra, dodajmy trochę wody na dnie. W tym momencie zamierzam użyć pędzli i tabletu do rysowania, ale możesz ponownie użyć selection > expansion > fillmetody, tak jak wcześniej. Po uzyskaniu podstawowego kształtu, ponieważ zamierzam wykonać trochę aerografu, dodam maskę warstwy:

wprowadź opis zdjęcia tutaj

Następnie mogę użyć aerografów, aby go wygładzić:

wprowadź opis zdjęcia tutaj

Ponownie dodaj kilka wierszy tu i tam tylko dla niektórych tekstur i takich:

wprowadź opis zdjęcia tutaj

W porządku, więc teraz jest w całkiem niezłym miejscu, bez żadnych sztucznych konstrukcji i drzew. Ta dolna prawa strona wygląda jednak nieco bardziej nieprzyzwoicie, a kluczową częścią jest to, że przynajmniej coś mniej przypomina grzbiet, a bardziej wzgórze. Spróbujmy wrócić i naprawić to trochę. Właśnie użyłem tutaj aerografu, jeśli nie masz tabletu, użyj wielu kolorów za pomocą myszy i prawdopodobnie również rozmazuj go:

wprowadź opis zdjęcia tutaj

Ale wciąż wzgórza mają pewne spadki, więc dodaj tylko bardzo niewiele linii.

wprowadź opis zdjęcia tutaj

Zatrzymam się tutaj. Im więcej szczegółów, tekstury, kolorów, tym lepiej. Następną rzeczą jest zrzut do wody na dole po lewej stronie, gdy wzgórze jest już naprawione. Potem prawdopodobnie zacznę od budynków. Gdy budynki będą w środku, dodam do ziemi jaśniejsze i ciemniejsze obszary, następnie drzewa między budynkami, a na koniec szczegóły, takie jak mosty, ściany, może tekstury i etykiety.

Zauważ, że światło wychodzi z lewej strony, więc po dodaniu struktur i co innego, chciałbym dopasować kolory, aby to wskazać. Lewa strona doliny powinna być nieco ciemniejsza niż prawa. Nie jestem pewien, jaki „poprawny” sposób to zrobić, ale zrobiłbym to po dodaniu budynków. Zobacz jak tutaj o ile lżejsza jest ta sekcja:

wprowadź opis zdjęcia tutaj


Mam nadzieję, że to ci pomoże. Cały proces zajął mi godzinę, byłoby mniej, gdybym nie robił zrzutów ekranu i dokumentował podczas pracy. Ostateczny wygląd:

wprowadź opis zdjęcia tutaj


Dziękujemy za poświęcenie czasu na przejście przez to. Podoba mi się odpowiedź user6811 ze względu na prostotę i łatwość użycia, ale cierpi z powodu rysowania dużych wzgórz lub gór. Wierzę, że twoja metoda jest dla nich lepsza.
Thomas Reinstate Monica Myron

Odkryłem, że ta metoda działa najlepiej do tworzenia map wysokości. Bez używania linii do wskazywania klifów dość łatwo jest przejść przez narzędzie do zaznaczania lasso i dodać kilka warstw białej topografii, którą następnie robię 20% przezroczystością. Niższa ziemia jest ciemna, wyższa jest jasna. Nie jest to dokładnie to, czego szukałem, ale wygląda bardziej realistycznie niż to, co miałem, i dodaje szczegóły elewacji, których nie miałem.
Thomas Reinstate Monica Myron

7

Twórcy map używają tłoczenia, aby stworzyć efekt z mapy wysokości. Możesz użyć filtra wytłaczania na obrazie, który reprezentuje twoje pole wysokości. Jeśli musisz użyć do tego Photoshopa, skorzystałbym z:

  • Filtr → render → Efekt świetlny zamiast wytłaczania.

Zacznij od małego białego pędzla o bardzo niskim przepływie na czarnym płótnie, a następnie zacznij rysować kontury swojej powierzchni, aby wyciągnąć okrąg ze szczytu, wzdłuż linii wydm itp. Możesz użyć rozmycia po kilku ścieżkach a następnie dodaj więcej warstw.

wprowadź opis zdjęcia tutaj

Zdjęcie 1 : Szybko wykonany 1 etap

Następnie skopiuj te obrazy kanał R (B lub G) do palety warstw w celu dalszego odniesienia.

Następnie zastosuj na obrazie mapę gradientu w celu zmiany koloru od wysokości. Scal warstwy. Aby uzyskać lepszy efekt, dodaj trochę szumu do tego obrazu itp.

wprowadź opis zdjęcia tutaj

Zdjęcie 2 : Szybko wykonana 2-etapowa mapa obrazu

Następnie zastosuj Efekt świetlny , użyj zapisanego kanału jako mapy szczegółowej.

wprowadź opis zdjęcia tutaj

Zdjęcie 3 : Szybki efekt błyskawicy. Uwaga: mogłem użyć mniejszego pędzla o mniejszym przepływie i rozmyciu i większej liczbie poziomów, ale możesz również pomalować to, aby uzyskać lepszy efekt.

Teraz masz niezły efekt błyskawicy i znaczną ilość umiejętności teakowania. I na koniec pomaluj kolorem ten, aby uzyskać ostateczny efekt artystyczny, którego potrzebujesz.

Finał

Zdjęcie 3 : Szybko zrobiona góra, nie spiesz się i buduj powoli, a uzyskasz lepszy wynik, po prostu nakreślam metodę.

Wskazówki :

  • użyj nieokrągłej szczotki
  • zapisz swoje warstwy, jeśli zauważysz, że coś poszło nie tak
  • pomaluj kaniony czarnym kolorem na zabudowanej strukturze, pomaluj niebieski na mapie kolorów
  • Śledź @Ryans zarys myśl czarno-białą wersję metody Ryans.

PS naprawdę powinien poświęcić trochę czasu na ponowne wykonanie zdjęć w ponad 15 minut ... Mam na myśli, że dokumentacja zajęła około 10 minut.
joojaa,

4

Odkryłem inną metodę, która osiąga efekt, którego szukałem o wiele lepiej niż jakakolwiek inna odpowiedź, którą tu widziałem. Ma dodatkową zaletę, że jest „nieniszcząca”, co oznacza, że ​​można go zmienić lub edytować w dowolnym momencie i nie wpływa na obraz poniżej. Również bardzo bardzo przypomina zdjęcia satelitarne gór.

Wadami są trudności w kontrolowaniu wysokości. Wszystkie doliny znajdują się na tej samej wysokości, a wysokość gór zależy wyłącznie od wielkości ich podstawy. Wysokość wzrasta w stałym tempie, a szybkość ta nie może się zmieniać. Góry mają również tendencję do nieco dziwnego spojrzenia na zewnętrzne krawędzie, ale można temu zaradzić z wystarczającym czasem. Więc jeśli jesteś wybredny co do dokładnej wysokości, ta metoda może nie być dla Ciebie. Ale jeśli szukasz idealnego wyglądu z całkowicie edytowalnym kształtem, możesz użyć tego.

Zaczynam od stworzenia bazy. Używam tła zielonej chmury z dodatkowym hałasem do symulacji trawy, ale możesz użyć, co chcesz. Im bardziej realistyczny wygląd, tym lepiej.

Grass BG

Dodaj kolejną warstwę, wypełnij ją 50% szarym (jednolity, a nie 50% przezroczystości) i ustaw warstwę do nałożenia. Twój obraz może być odcień jaśniejszy, ale powinien wyglądać zasadniczo tak samo (możesz bawić się różnymi odcieniami szarości, jeśli chcesz, aby był dokładnie taki sam jak wcześniej).

Pracując z szarą warstwą dodaj efekt fazowania i wytłaczania. Będziesz potrzebować wewnętrznego skosu i ustawić technikę na „dłutowanie”. Głębokość może pozostać na poziomie 100%. Zmień kierunek na Up i przeskaluj rozmiar WAY up. W zależności od tego, jak „jesteś” blisko twoich gór (z jakiej wysokości je oglądasz) możesz to zmienić później. Ustawiłem mój na 100 pikseli.

wprowadź opis zdjęcia tutajwprowadź opis zdjęcia tutaj

Teraz zaczyna się zabawa. Narysujesz swoje góry. A dokładniej doliny kształtujące góry. Potrzebujesz narzędzia do wymazywania i powinieneś ustawić go na dość mały rozmiar. 3 lub poniżej powinno działać. Następnie po prostu narysuj, gdzie powinny być doliny. W przypadku większych dolin można stosować większe szczotki.

wprowadź opis zdjęcia tutaj

Możesz zauważyć części obrazu, w których szczyt góry spłaszcza się. Można to naprawić, dostosowując rozmiar w opcjach fazowania i tłoczenia. Im większy rozmiar, tym wyższe mogą być twoje góry. Należy pamiętać, że to obciąża systemy niskiej / średniej klasy. Jeśli masz dwa wiele warstw w jednym dokumencie o dużej liczbie pikseli, Photoshop może zablokować się podczas próby jego otwarcia. Utrzymuj małe obrazy i rasteryzuj jak najwięcej warstw.

Po zapoznaniu się z tworzeniem dolin możesz uformować warstwę górską według własnych upodobań i zmienić ją w dowolnym momencie.

wprowadź opis zdjęcia tutaj


3

Użyj tego, co jest dostępne:

Photoshop ma co najmniej 6 lat niektóre narzędzia 3D. Jednym z nich jest „Utwórz siatkę z warstwy BW”. Możesz podać mapę wysokości jako odcienie szarości. Gradient oznacza nachylenie. Ostra krawędź oznacza przepaść lub skarpę. Możesz zdefiniować światło i kierunek oglądania dla renderowania.

To jest przykład. Mapa wysokości ma średni szary kolor podstawowy, jaśniejszy prostokąt i ciemniejszy okrągły kształt. Oba są rozmyte, aby zmiany wysokości były mniej ostre. Po prawej stronie użyto tej samej mapy, a wynik pokazano na 2 różnych kierunkach.

wprowadź opis zdjęcia tutaj

Poniższy przykład próbuje być grzbietem

wprowadź opis zdjęcia tutaj

Jest to dwustronny liniowy gradient od bieli do czerni, który doświadczył popychania smug w filtrze Liquify.


Po kilku eksperymentach odkryłem, że jest to zdecydowanie lepsza metoda niż myślałem. Po pewnym ćwiczeniu tworzenie zmian wysokości jest dość łatwe, nawet po renderowaniu 3D (o ile twój system może to zrobić). Jedyne wady to trudność w przeglądaniu terenu (narzędzie do przeglądania jest nieco niezgrabne) i problem z wodą: po prostu dodałbym inną płaską płaszczyznę 3D jako wodę, ale nie mogę wymyślić, jak ją złapać do pierwszego samolotu. Wszelkie porady na ten temat?
Thomas przywraca Monikę Myron

1
@ThomasMyron Narysuj wybór dla jeziora. Możesz zarezerwować trochę heihgt (= szarości) wewnątrz wybranego obszaru na powierzchnię jeziora i zalać wybrany obszar szarym kolorem. Upewnij się, że nic na granicy nie jest głębsze. W przeciwnym razie masz wodospad lub próbujesz czegoś, co zrobił Mojżesz po wyjściu z Egiptu. Zrób niebieskie wypełnienie na innej warstwie w tym samym zaznaczeniu. Zamazuj przekroczenie granicy poza wodą. . Ręcznie pomaluj rzeki na kolorowej warstwie wodnej.
user287001,

2

Znalazłem odpowiedź na to pytanie.

Odkryłem, że jeśli ustawię twardość pędzla na 50% (w zależności od tekstury mapy) i utworzę prosty czarny okrąg, a następnie wytłoczę koło, a następnie ustawię warstwę na „Nakładanie”, na mapie zostanie utworzony ładny „wypukłość”. Innym trybem ekranu, który działa i jest nieco mniej intensywny, jest „Miękkie światło”. Wysokość tłoczenia można regulować, tak aby wypukłe krawędzie stykały się na środku koła. Pozwala to uniknąć „efektu płaskowyżu” i zapewnia, że ​​wzgórze ma równe nachylenie. Wyobrażam sobie, że za pomocą tej metody można tworzyć linie grzbietu i dowolne szczegóły, rysując na czarnym kole, chociaż nie próbowałem tego.


2

Robiąc to ręcznie, używałbym uników i spalania, aby utrzymać kolor pod spodem.

Najpierw zorientuj mapę tak, aby słońce znajdowało się bezpośrednio na północ (powinieneś mieć słońce gdzieś po północnej stronie, a nie na południe). Następnie za pomocą narzędzia unik unikaj aerografu po północnych stronach wzgórz, które chcesz dodać. Następnie weź narzędzie do nagrywania i przyciemnij południowe boki. Po prostu chodź do przodu i do tyłu z unikiem i paleniem i baw się różnymi pędzlami.


Hmm, to wydaje się działać całkiem dobrze. Jedyny problem, jaki z tym widzę, polega na tym, że musisz zmienić obraz (destrukcyjny). Dzięki metodzie wytłaczania możesz po prostu usunąć lub wyłączyć wzgórza. Czy mogę to zrobić za pomocą tej metody? Oprócz powielania wszystkiego, nad czym chciałem pracować?
Thomas Reinstate Monica Myron

blog.photoshopcreative.co.uk/blog/tutorials/... Dodaj nową warstwę. Ustaw tryb „Overlay”. Następnie przejdź do „Edycja> Wypełnienie” i wybierz z menu „50% Szary”.
user6811,

1

Nieco dokładniejszy przykład tego, czego szukam.

Dla mnie ten obraz wygląda jak ilustracja. Nie coś stworzonego w Photoshopie.

Jeśli nadal chcesz tworzyć obraz za pomocą komputera, myślę, że najlepszym rozwiązaniem tego typu jest użycie aplikacji 3D. Zacznę od mapy wysokości, w której jaśniejsze piksele reprezentują wyższy poziom.

Zostało to utworzone przy użyciu FilterRenderCloudsi FilterRenderDifference Clouds, a następnie niektórych czarnych kół z 20% kryciem warstwy na górze. Dość nudne, ale powinno pokazać technikę w akcji.

Mapa wysokości w Photoshopie

Mapę wysokości można wykorzystać do utworzenia siatki. reliefObiekt w Cheetah 3D właśnie to robi - obciążenie w obrazie i to będzie go używać do wysokości siatki. Photoshop może renderować obiekty 3D, więc może być w stanie zrobić to samo.

Cheetah 3D

Ta scena ma tylko jeden obiekt reliefowy (siatka mapy wysokości) i jedno światło. Myślę, że wynik jest o wiele ładniejszy niż stosowanie efektów typu fazowanie i wytłaczanie w Photoshopie. Ma tę zaletę, że wyodrębnia dane dotyczące wysokości oraz renderowania i materiału. Możesz edytować wysokość, a następnie ponownie renderować, aby uzyskać nowy obraz. Światło to również Sky Light, które pozwala edytować godzinę i datę, dzięki czemu można łatwo uzyskać bardzo różne wyniki (południe od świtu itp.).

Renderuj w Cheetah 3D

Możesz nawet rozważyć zastosowanie specjalnego oprogramowania do renderowania krajobrazu, takiego jak Bryce Pro .

Oto kilka rzeczy, które stworzyłem dla gry kilka lat temu przy użyciu podobnej techniki. To wszystko tylko kilka map wysokości i niektóre drzewa, a następnie kilka retuszów później w Photoshopie (malowane linie itp.).

Wyścigi na boki

Wyścigi na boki

Zostały one utworzone w Bryce i Photoshopie, ale gdybym to dzisiaj robił, użyłbym Cheetah 3D i Photoshop. Terragen również wygląda niesamowicie. To może być warte rozważenia.


O ile mogę stwierdzić, oba te programy są wyłącznie dla komputerów Mac. Używam komputera. Co byś na to polecił?
Thomas przywraca Monikę Myron

Waham się przed użyciem 3D, że jeśli chcesz coś edytować (weź mapę wysokości utworzoną w Photoshopie), musisz przerobić całość. Drobne podniesienie wysokości może być również problemem, ponieważ nigdy nie możesz dokładnie gałką oczną dokładnie w miejscu, w którym coś wyląduje, a wysokość jest ograniczona do różnicy między bielą a czernią. Czy jest jakiś sposób, aby stworzyć płaszczyznę 3D, zachować ją do edycji i umieścić na niej dodatkowe obiekty 3D (które są zakotwiczone, a nie tylko swobodnie pływające)?
Thomas przywraca Monikę Myron

@ThomasMyron Tak, Cheetah 3D to tylko komputery Mac. Bryce to Mac i Windows, ale bardzo stary i wygląda na to, że nie otrzymuje aktualizacji. Ale właśnie znalazłem Terragena. Wygląda świetnie i jest dostępny na komputery Mac i Windows. planetside.co.uk
Marc Edwards,

@ThomasMyron Jeśli chodzi o wysokości, istnieje na to kilka rozwiązań. W grze, nad którą pracowałem, użyłem kilku obiektów z osobnymi mapami wysokości dla różnych elementów (trawa, droga, bariery), co dało mi wyraźną kontrolę wysokości dla każdego elementu w aplikacji 3D, a także pozwoliło mi użyć innego materiału dla każdego. Używanie czegoś takiego jak Terragen prawdopodobnie ułatwi również umieszczanie drzew i domów.
Marc Edwards,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.