Jump to content

[Tutorial]Create a Glowing Surreal Planet Design


Recommended Posts

Step 1


First, search for a panoramic or skyline picture, I found this one. Try to use a big resolution and wide format picture. This is because when creating the planet view, you'll reduce the image's width a lot. Next make a new document with the same dimensions as your picture. Then paste your image into a new layer.




Step 2


Details are the most important. Draw a horizontal guide to ensure the horizon is fine. In this case, the horizontal perspective it's a little up on the picture's right side. To fix this, go to Filter > Distort > Lens Correction. Then set the angle a tiny bit down on the right side (356,78º it means less than one degree).


You can play with the Perspective angles when you're using a different picture. This is a crucial step. If you don't do it well, you'll have more to do on Step 4 by changing the Offset. Finally, crop the image deleting all the extra sky and sea that we don't need.




Step 3


Using a soft Dodge tool (O), highlight the sky. Try to get almost white on both the left and right sides of the sky. Also, highlight the right side water a little bit.




Step 4


To create the "planet" we need to change the Offset of our image. Go to Filter > Other > Offset. Then change the horizontal value to change the offset to the center of the image.




Step 5


Now using the Healing Brush tool (J), fix the hard offset line over both the sky and the water. Also, using a small Blur tool ®, blur the sharpen line of the building next to the offset.




Step 6


Now go to Image > Image Size and resize the image. Try to keep the height of your original document to preserve the good quality. In this case, I'll make it a little bigger 1000 pixels by 1000 pixels.


width=389 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/6.jpg[/img]


Step 7


Go to Filter > Distort > Polar Coordinates and select Rectangular to Polar. This way you have a nice "planet" view, but its still needs a few more adjustments.


width=442 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/7.jpg[/img]


Step 8


Using the Liquify Filter window, select the Bloat tool. Then use a large brush, like 600 pixels, and make a few clicks to inflate the center of the planet.


Step 9


Apply a quick Filter > Sharpen > Sharpen More. Then you'll can see the building's windows glowing better.




Step 10


Using the Lasso Tool (L), select the building's shapes. Leave some space between the selection and the buildings. Feather the selection (Ctrl + D) 30 pixels. Then hit Ctrl + Shift + I to invert the selection. Then delete it. Finally, add a new Solid Color Layer (#7F5E6F) below the "planet" layer.


width=271 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/10.jpg[/img]


Step 11


Rotate the "planet" a few angles to put most of the buildings on the top.




Step 12


Now we'll create a pattern background. For this I'll use some default shapes that come with Photoshop CS3. Create a new document 150 pixels by 150 pixels. Draw a shape in the middle of the document and apply a Drop Shadow to it.


Then draw more objects over the four corners using the same Drop Shadow effect. Use any color, I used #75455D, #572D41, and #8B5B71. Then delete the background. Go to Edit > Define Pattern and type some name for it.


width=206 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/12.jpg[/img]


Step 13


Apply the pattern overlay to the background layer. Use the values shown below.




Step 14


Duplicate the "Planet" layer. Then go to Filter > Blur > Radial Blur and apply a Zoom Blur. Do it twice while pressing Ctrl + F. Finally, change the "Planet copy" Layer Blending Mode to Color Dodge and Opacity to 75%.


width=231 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/14.jpg[/img]


Step 15


Render some Clouds (Filter > Render > Clouds) into a new layer above the "Background" layer. Use a Foreground color of #583144 and Background color of #C29CAB. Then change the Blending Mode to Hard Light and Opacity to 50%.


Step 16


Create a new background layer (#583144) below the pattern background. Select the pattern background, and apply a Layer mask > Hide all, filled with a radial (black - white) gradient.


Step 17


Apply an Outer Glow to the "Planet" layer using the values shown below.


width=590 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/17.jpg[/img]


Step 18


Now draw Photoshop's default "Sun" shape. Below is the list of the effects applied to that shape to make it more impressive.


width=240 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/18.jpg[/img]


Step 19


Duplicate the "Sun" layer. Make the copy smaller than the original. Rotate it a little bit. Then change the colors of the Gradient Overlay to make it lighter.


width=375 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/19.jpg[/img]


Step 20


Duplicate the "Sun copy" layer, resize it, and place the copy above the "Planet copy" layer. Make it 60% smaller, and rasterize the copy including the effects. A quick way to do it is by creating a new blank layer above the shape, select both, and press Ctrl + E to merge them. Then change the "Sun rasterized copy" Blending Mode to Hard Light and Opacity to 75%. Make two more copies of it and put them somewhere around the planet.


width=409 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/20.jpg[/img]


Step 21


Now let's add some text to our design. I found this old school font called Pacmania. Type the text, "PSDTUTS." Then apply all the Layer Styles in the image below to the text.


width=216 height=768http://psdtuts.s3.amazonaws.com/166_Violet_Planet/21.jpg[/img]


Step 22


Finally, I decided to apply a Layer Mask > Hide All (filled with a white-black gradient) to the "Clouds" layer. You can skip this step if you want to. It's used to add a finishing touch, but at this point it's up to the eye of the designer.






And that's it! A very quick way to get a glowing planet, try your own! Remember the higher quality the panoramic picture, the best the result. I hope you found this tutorial fun and useful.




Credits: Alvaro Guzman

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

    • First of all you need to understand that there is no ultimate guide "how to", server sources has some similar things but it also has some differences that you will be hard to adapt without skills. Saying skills I mean not only java skills, the most required ones is understanding lineage 2 core processes task-scheduling and client-server networking  communication.   You need to: -learn some core information about Java language -learn some lessons about java programming to understand what is java classes, packages, imports etc. -learn how to edit java source code with some IDE (one of them eclipse) -learn how to compile java source code (with ant for example)   Then for the best way you need to get most popular sources form thread above and try to integrate that scripts like for native, I mean as I can see that mostly provided scripts are for acis, so take acis sources and ty to integrate or find something directly for mobius etc.   Doing all this you will need to understand three things First - How player communicates with server What is action bypasses (when player clicks some link in HTML) and where your server handles it (find RequestBypassToServer packet and learn how its working) What is user/voice/admin commands (when player writes some in chat with "." or "/" or "//") and where your server handles it (find VoiceCommandHandler and learn how its working)   Second - How server doing core logic If addon has some logic that not depends on direct user action it will mostly required some scheduled task (some logic that will be runs periodically), so you need to  find some ThreadPoolManager and Runnable usages and understand how its working Maybe you will need some data storage, so you will need to find how server working with database (try to find how server executes SQL requests, SELECT, INSERT, UPDATE)   Third - How server communicates back to player You need to find how server sends packets to player, find some sendPacket() method and its usages, for example Say2 packet (its when server sends some chat message to client) etc   Unfortunately there is no easy way, some sources will be easier to adapt cuz of similarity between sources some will be harder  
    • I'm starting on this. I know enough to be able to make my website with php, html and css. I also know linux to maintain a server but I don't know anything about java and its compilation.   Can anyone help me learn how to add this type of code to a server? I'm using L2jMobius, but I have no idea or concept of how to start to add codes. Do I need to add it before compiling? Can it be added once the datapack is compiled? How do I know where I should add it?   I would appreciate any kind of information, please!   I wanna to add some codes nex collection, like TvT events, etc:     See you guys and thanks for all the help are in the forum!
    • it says standard here , that is , without protection , it is made from another source code , the goal of my dll is just to kill the game guard , the hwid code is cut out there , since no one uses the old protections on projects - but your answer is clear   ps then choose another option for yourself )
    • remove  DisableGameGuard() from code at all.  compile and send here new dsetup.dll  
    • I shared my dsetup with the HWID system but I can't log in that Error. When I put yours it gave this error.
  • Topics

  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock