Nai

Starry image with glassy text

Recommended Posts

@Nai said: "This tutorial is dedicated to @johnnysdream who was curious about how I made this image".

 

Click here to view/download the PDF

 

 

Moderator's Note:  As a lot of the images from @Nai had disappeared it was necessary to recreate her steps and the results may not

                                 be exactly as @Nai intended.  The editing of these steps have been made possible by @Pixey - @ReMake and @Woodsy

 

 

Ice_Castle1.png

 

This tutorial is a combination of @Red ochre's Clipwarp plugin ( either one can work ) and an adaptation to a Photoshop tutorial made by Jenny Le. (comments by by @Nai)

 

Plugins used are:   Clipwarp - Objectedge & Noise choice by @Red ochre found in his pack here.  +   Bevel Selection  by @BoltBait

and Threshold by Ed Harvery.

 

 

There are two parts to this tutorial in order to achieve the desired results. Here is the image used in the tutorial.

 

wattex-43.jpg

 

 

First Part : 'Ice Castle' text.

 

 

1.   Upload the above image into Paint.net.  Use - Image - Crop to selection - to fix the canvas size.

 

2.   Create a new layer.  Type your text (Riot Squad was used here) size #84 with the color hex #808080.

 

3.   Align the text to center.  With the Magic Wand :MagicWandTool: set to Global, select the text and Invert the selection.  Use Bevel Selection @ #7 and alternate lightning direction checked.

 

          1-1.png

 

4. Run Red Ochre's Object Edge plugin with this setting :

 

 objectedge-2-1.png

 

5. Copy the background layer to the clipboard (Ctrl A, Ctrl C, Ctrl D) and select the Text layer and run Clipwarp plugin (older or newer version).

 

3-clipwarp.png

 

 

6. Duplicate Text layer. Change the blending mode either to Additive or Screen.

 

additive-save.png

 

 

7.  Then merge the two Text layers into one. Now we are done with the first part.

 

 

Second Part : Starry Background

 

 

 

1. Create a new layer between Text layer and Background layer. Fill it with the color black.

 

f5a2f9c.png

 

 

 

2. Add noise to this new layer. My personal choice is @Red ochre's Noise Choice plugin.

 

 

Noise-choice-only-2014-type.png

 

 

3. Go to Effects>Color>Threshold. Run that in this setting :

 

27299c3.png

 

4.  Duplicate the layer twice so you have 3 layers of dots. 

 

 

5. On the first Layer (lower) layer, run Motion Blur at this setting :

 

45-degs-at-50.png

 

6. Run Motion Blur on second Layer layer on this setting :

 

45-degs-at-50.png

 

 

7. Run Gaussian Blur with this setting on the third layer of Layer 3 :

 

3ba2d05.png

 

 

8. Change the blending mode of the second and third layers to Screen. Merge these 3 layers into one and rename the layer  'Sparkles'.

 

9.   Copy the Sparkles layer three times, to make four layers of Sparkles. Rename them so you don't get confused.  

 

 

change-2-3-and-4-to-screen.png

 

 

Change the blending mode of Sparkles2, Sparkles3 and Sparkles4 to Screen. Merge those layers down to the Sparkles layer. Then change the blending mode to Color Dodge and you will see stars on your background image :

 

 

8aa5207.png

 

10. Duplicate Sparkles layer, and run Gaussian Blur on duplicated layer with strength 2px.

 

    Run Levels to adjust the brightness of the stars.

 

d4753d9.png

 

Levels.png

 

11. Copy the Background layer. Set the blending mode to Overlay.

 

142b8aa.png

 

Run Gaussian Blur slightly to your liking.      

Set Opacity level to your liking.

 

 

And now we are done !

 

 

Hopefully this tutorial can put smiles in @johnnysdream face and so to the others who are interested in making a starry background.

 

 

Can't wait to see what the others can do with this tutorial !

 

 

All The Best !

Edited by Pixey
replaced PDF 1/6/19
  • Upvote 4

Share this post


Link to post
Share on other sites
4 hours ago, Sakana Oji said:

Some images are missing, and when I converted it to a PDF, they're still missing.

You need EER to provide a PDF with all the images.

 

Instead of telling him what he needs to do. How about asking if it's possible?

Just because you convert it to a PDF doesn't bring the pictures back.

  • Like 1

Share this post


Link to post
Share on other sites

Only if the author of this tutorial stops by to fix it.  She hasn't logged-in since 2017.

 

It shouldn't be too difficult to play with the Bevel, Clipwarp and Motion Blur settings yourself, as there are still quite a few pictures to give you the idea.

Share this post


Link to post
Share on other sites
8 minutes ago, Pixey said:

It shouldn't be too difficult to play with the Bevel, Clipwarp and Motion Blur settings yourself, as there are still quite a few pictures to give you the idea.

I dunno - I'm pretty sure it might be. I kind of need the exact settings that the tutorial tells me.

Share this post


Link to post
Share on other sites

The result of this tutorial will depend on the picture you use for the background.  I'm searching for the one she used, but meantime I used blue glassy image.

 

ice-castle.png

 

Using her steps 1 through 5 please follow the steps below.

 

1.  Find a picture with a glassy looking finish.
2.  I used the Font:  Riot Squad.
3.  I then used Gaussian blur at default on the font.
4.  Use @BoltBait's Bevel Selection at default.  Select the text with the magic wand at Global.
5.  Use @Red ochre's Object Edge.  Shading at -0.56.
6.  Change the top layer to Color Dodge or pick another one if you prefer.

Share this post


Link to post
Share on other sites
6 minutes ago, Pixey said:

I'm searching for the one she used, but meantime I used blue glassy image.

 

wattex-43.jpg

  • Upvote 1

Share this post


Link to post
Share on other sites
1 minute ago, Sakana Oji said:

Do the rest of the Object Edge settings have to be default?

 

Yes, I only changed the Shading.  Of course, it's hit and miss and maybe improved with trying different settings.

Share this post


Link to post
Share on other sites
Just now, ReMake said:

 

wattex-43.jpg

 

Wow @ReMake you found it.  You don't have the rest of this tutorial by any chance?

Share this post


Link to post
Share on other sites
1 minute ago, Pixey said:

 

You don't have the rest of this tutorial by any chance?

 

Unfortunately, I don't have one. But having this image, it is possible to restore the tutorial by trial and error.

Share this post


Link to post
Share on other sites
8 minutes ago, ReMake said:

 

Unfortunately, I don't have one. But having this image, it is possible to restore the tutorial by trial and error.

 

Yes, I will work on restoring the missing steps tomorrow @ReMake.  I was actually working on that this morning when I discovered I'd lost my Selection Tools.  I still don't know how tht happened.  (Pesky little Gremlins again.)

What a difference it makes with the background - for which many thanks 👍

 

ice-2.png

 

 

Share this post


Link to post
Share on other sites
18 minutes ago, Pixey said:

 

I will work on restoring the missing steps tomorrow

 

 

Okay, glad to here. I'll see you tomorrow, or the day after. I sometimes have internet problems.

Share this post


Link to post
Share on other sites

Greetings,

I just checked the HTML source code for this thread and the images that are supplied for the above tutorial was hosted at imgsafe.org in 2016. 
We are viewing the Alternative Text for those images. The paths to the missing images are due to broken links to that web host's image server. Unless EER has archived this thread at that time; I can't see how he can help!
 

Edited by HyReZ
Correcting spelling and adding more nfo!

Share this post


Link to post
Share on other sites

I have edited the tutorial and a PDF will follow shortly :)  Done!

  • Like 1
  • Upvote 4

Share this post


Link to post
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.

Guest
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.