Jump to content

[Tutorial]Create a Shiny Earth with Photoshop 3D Layers


Recommended Posts

Step 1


Create a new document which is 1000 pixels wide and 500 pixels high at a resolution of 300 pixels/inch, with a name of "Home."




Step 2


We'll be using some texture for our planet. You can get the diffuse texture from planetpixelemporium.com. Download the "color map" image from the site and place it as a new layer into your document. Rename this layer as "Earth."




Step 3


Now go to 3D > New Shape From Layer > Sphere. This will wrap the layer around a sphere and this is going to be the base layer of our planet illustration.




Step 4


The "Earth" layer is now a 3D layer and a cube icon is displayed in the Layers Palette. You can interact with a 3D model in a 3D layer in Photoshop. You can rotate and move the model or change the position of the camera in 3D space using the 3D tools in the Toolbox.




Step 5


Grab the 3D Rotation Tool, click on the canvas, hold and drag to rotate the sphere and adjust it as you wish. Holding down the Alt or Shift keys will restrict the rotation axis.




Step 6


The edges of the sphere look aliased at the moment. First we're going to fix it. Go to the Layers palette and double-click the little cube icon in the "Earth" layer to bring up the 3D Palette. Here you can make several adjustments to the 3D layer. Make sure the "Scene" is selected in the upper list and set Anti-Alias to Best. This will fix the edges.




Step 7


Now click on the Global Ambient Color box and set the color to R:100, G:100, B:100 and hit OK. This will change the ambient color to a brighter one.




Step 8


We'll now add a bump map to our planet. First download the "bump map" from planetpixelemporium.com and save the image to your desktop. Now go to the 3D Palette. Go to Sphere_Material and click the Edit the Bump Texture button and chose Load Texture. Select the file you have just downloaded. The "earthbump1k.jpg" file is a grayscale file and the lighter areas in this image will be bumped in our 3D sphere. We also want our planet to be glossy, so set the Glossiness to 100%.




Step 9


In the 3D Palette you'll see that there are three lights. These are the default Photoshop scene lights. Now we'll change their types, colors and positions. First select the "Infinite Light 1" and change it's Color to R:150, G:150, and B:150. Now select the "Infinite Light 2" and set it's type to Point so that we can change it's position. Change it's Color to r:180, G:180, and B:180.


You can change the position of the light in the 3D scene using the Slide the Light and Drag the Light Tools in the 3D Palette. Position the gloss effect on the sphere using these tools. Now select "Infinite Light 3," set it's type to Point as well and set it's Color to R:130, G:130, and B:130.




Step 10


"Infinite Light 3" is placed somewhere under the sphere. Since we're going to put the sphere on a surface and add some drop shadow later on, we just don't want any lights below it. So place the light above the sphere using the Slide and Drag Tools.




Step 11


Now we'll make the clouds around the planet. Go to the Layers Palette, duplicate the "Earth" layer and name it "Clouds." Open the 3D properties panel for the "Clouds" layer. Select Sphere_Material in the upper list. Click the Edit the Diffuse Texture button and select Remove Texture. This will unload the existing texture map, and the Diffuse Color will determine how it is going to look. Set the Diffuse Color to white.


Click the Edit the Bump Texture button and choose Remove Texture to unload the bump map. Now we have a white sphere. We'll use another texture map for the clouds. Actually we'll use the white color of the Diffuse for the clouds and this texture map for the opacity. You can download the "clouds transparency" image from planetpixelemporium.com. Click the Edit the Opacity Texture button and choose Load Texture. Locate the "earthcloudmaptrans.jpg" file you have just downloaded.


The opacity texture made some parts of the sphere invisible, but obviously the wrong parts. Click the Edit the Opacity Texture button again and this time choose Open Texture. This will open the texture in a new document window. Go to Image > Adjustments > Invert. Save and close the document. Go back to the "Home.PSD" document, you'll see the opacity map is updated.


The weather seems to be too cloudy, because we can see the clouds that are on the other side through the transparent areas. Making the material one sided will fix that problem. Uncheck Two Sided. To make the clouds a little bit whiter, set Ambient and Specular colors to white. You can get the 3D Rotate Tool from the Toolbox and adjust the orientation of the clouds if you want.




Step 12


To make the clouds pop out a little more set the Color of the three light to white.




Step 13


Apply a Drop Shadow Layer Style to the "Clouds" layer and use these settings: Blend Mode set to Multiply, Color set to black, Opacity set at 75%, Distance set to 1px and Size set to 3px.




Step 14


Now we have our planet done. Since we're going to merge our two 3D layers before we move on, this might be your last chance to change the rotation of the earth and the clouds. Drag one horizontal and one vertical Guide and snap them to the center of the earth. Go to the Layers Palette, select both the "Earth" and "Clouds" layers, merge them by going to Layer > Merge Layers. Name the merged layer "Earth".


Now grab the Elliptical Marque Tool, Hold Alt + Shift and make a circular selection starting from the center of the earth where the two guides intersect. Make a selection as shown below, which is about one pixel smaller than the earth. Go to Select > Inverse and hit Delete to clear. This will clear the drop shadow of the clouds and make the edges smoother. Hit Command + D to deselect.




Step 15


Use the Move Tool to move the earth up to make room for the shadow and the reflection. Apply an Inner Shadow layer style using these settings: Blend Mode set to Multiply, Color set to black, Opacity set at 100%, Angle set to -90 degrees, Distance set to 25px and Size set to 46px. This will make the bottom part darker.




Step 16


Create a new layer named "Shadow" above the "Background" layer. Grab the Elliptical Marquee Tool and make a selection as shown in the image below. Fill the selection with black and deselect. Go to Filter > Blur > Gaussian Blur and apply with a Radius of 7px. Go to Filter > Blur > Motion Blur, set the Angle to 0 and Distance to 150 px and apply.




Step 17


Duplicate the "Shadow" layer. Hit Command + T, set both the Vertical and Horizontal Scale to 60% and apply. This will make a darker shadow where the sphere touches the ground.




Step 18


Go to the "Earth" layer in the Layers Palette, duplicate it and name it "Reflection." Delete the Inner Shadow layer style by dragging the Effects to the Trash. Go to Edit > Transform > Flip Vertical to mirror the image. Grab the "Reflection" layer below the "Shadow" layer and position it as shown below.




Step 19


Go to the Layers Palette and add a Layer Mask to the "Reflection" layer. Get the Gradient Tool, open the Gradient picker and select Black, White. Draw a gradient on the layer mask as shown below. This will make the reflection fade.






In the Layers Palette click on the "Reflection" Layer Thumbnail to select the layer itself. Go to Filter > Blur > Gaussian Blur and apply with a Radius of 2 pixels. Set the Layer Opacity at 75%. Grab the Gradient Tool and fill the "Background" layer with a light blue to white gradient.







Credits: Eren

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Posts

    • Hi, I see what you mean, but I do it differently.   I don't want some features from Hi5 in my project, so I gradually add Ai, zones, items, etc... manually.   And again I want some features from Classic.   So I'm continuing the Classic storyline up to High Five.   My project runs on the client's Prelude of War.   I will release the first public test version soon, which will still be without some "hi5" stuff, because first I need to test for example Fortress Siege, pets and some instances/quests. In the future, I also want to "unlock" new locations from the GoD story.   And what I like most about Classic is that you don't have SA in weapons and it goes back to the roots of Lineage 2. Also you can connect to my discord and talk about with me.
    • 1. Не мне же тебе объяснять что такое политика. Иногда для того чтоб начали люди шевелится нужно крайние заявления. 2. Не применит ну и слава богу, применит то все сгорим вместе ибо явно не дадут россии уйти от ответа. 3. Когда выгнать людей из их квартиры и заселится самим. Сделать ремонт в ней, и сказать соседям смотрите как у нас красиво не нужно вызывать полицию. Не думаю что соседи будут слушать. Восстановить это одно, воскресить семьям их погибших родственников вы не сможете. По этому люди которые не просто хотят освободить а ищут мести, будут воевать до конца и я бы не хотел оказаться на пути у таких людей. 4. Ну если тут все в порядке то без проблем. 5. Был момент когда был контроль утерян и все могло закончится его походом на мацкву. Но он видать смог его уговорить а потом завалил. По этому я думаю что он мертв. Ну а если не мертв, в любом случаи факт что были сбиты птички были жертвы, и царь мог упасть. А пока он у власти и его шобла то точно будем воевать. Потому что ему не жалко не ваших не наших. Что касается Зеленского, если он пойдет на переговоры без вывода всех ваших войск с нашей территории, его сотрет собственный народ. По этому он не может этого сделать, сильно большая цена была заплачена.  
    • Нет, это не единственный вариант. Это тот вариант который никто не хочет допустить и Запад в первую очередь. Цель Запада в этом конфликте только один - максимально ослабить РФ. Украина в этом случае всего лишь инструмент. 1. Сам Зеля в недавно интервью признался что Украина будет терять людей и территорию если не будет помощи. 2. Никто против РФ променять ЯО не будет. Никто против Китая ЯО применять не будет. Никто против Северной Кореи ЯО применять не будет. ЯО как инструмент нужен только для того, чтобы его не приненили против тебя. Все цели достигаются только экономическим воздействием. 3. Победить Украину это вообще плохой термин. РФ "победила" Крым, Мариуполь и тд. Я не знаю что про эти регионы показывают на украинских ТВ, но я лично был в Крыму несколько раз после 2014 года и видел что в Крым активно инвестируют, строят дороги, новые отели (а это самое главное с чего нужно начинать). Мариуполь тоже восстанавливают, новые дороги, больницы и тд. Поэтому на вопрос "что будет?" ответ только один - РФ будет восстанавливать те территории, которые по референдуму считает своми. Вот у кого действительно будут большие проблемы - так это у тех, кто останется в составе Украины. Кто будет выплачивать все набранные кредиты? Если ты думаешь что ЕС пустит замороженные активы РФ на восстановление Украины, то как минимум этого не хватит. Вспомни что Арестович говорил по этому поводу: у элиты все будет хорошо, а челядь будет жрать дерьмо. 4. Проблемы с мигрантами есть во всех развивающихся странах. Я бы не назвал их большими или поясни что ты имеешь ввиду. 5. А это интересный вопрос - я например на 100% не уверен что Пригожина нет. Тем не менее никакой контроль не потерян, все Вагнера перешли либо в Ахмат, либо вошли в состав МО РФ.  
    • Ну вот как я понимаю это единственный вариант к которому ты пришел. И другие ты даже не берешь в учет, так как в принципе ваши военкоры или сми большего и не дают. У меня же вариантов развития событий намного больше. Да сейчас вы надеетесь что помощи не будет и тогда все. 1. Если помощи от США не будет: есть Европа, есть наши силы. 2. Если помощь будет и достаточной то вы грозитесь применить ЯО, но нужно помнить что не только в россии есть ЯО. 3. Представим что Украину сдали или победили, а часть население разъехалось в разные страны. Как ты думаешь они дадут покоя россии? 4. У вас очень большая проблема с мигрантами. Это может вызвать раскол в стране. 5. Потеря контроля, напомню пригожина. И это самая малая доля вариантов которая может категорически повлиять на ход событий в любую сторону.  
    • В этом конфликте не может быть другого исхода по определению. Украина может переломить текущую ситуацию на фронте только 2 способами: 1) Полная мобилизация (выполнено). 2) Колосальная поддержка оружием из Европы и США. Если №2 будет исполнен и ВСУ смогут выйти к Крыму или войти в Крым, или войдут глубоко на территорию РФ, то формально это позволяет РФ использовтаь свою доктрину о применении ЯО. На Западе это все все прекрасно понимают и именно поэтому дают столько оружия, чтобы хватило держать этот конфликт пылающим.
  • Topics

  • Create New...