Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Tutorial: Science - Fiction Tunnel in Photoshop CS.

Featured Replies

Shannon told me to make a tut about something, so I started thinking,

 

and I made an easy tutorial, for those who are new to photoshop.

 

 

 

The good thing is, you dont need to download anything.

 

How it will end up:

 

lolgeen28xt.gif

 

 

 

Lets start:

 

 

 

Step 1: Create a new canvas, by clicking

 

File>New> (Width 300, Heigth 150)With a white background.

 

 

 

Step 2: Grab the Gradient tool, and make sure youve got the colours black and white selected.

 

13it1.png

 

 

 

Dont forget to check and uncheck these:

 

80rb.png

 

 

 

Step 3: Now you drag lines with your mouse, and do this upto 15-20 times, when you see some kind of tunnel showing up.

 

 

 

22ky1.png

 

 

 

the result: (without the glowing light)

 

 

 

35lp.png

 

I couldnt get it exactly right, the light will come later.

 

 

 

Step 4: colour. When youve done this, you press 'Ctrl + U', you click 'colorize' and you start playing with the colours.

 

(Tip: Put Lightness a bit to left, Saturation to Right, and the Hue you can dicide.)

 

 

 

Step 5: Now youve got something like this:

 

 

 

48on.png

 

 

 

Step 6: Now press 'Filter>Render>Lens Flare' And put the light into the tunnel, bottom left, the light must not be to big.

 

 

 

Step 7: For a 'Grungey' effect, you press 'Layer>New>Layer' and press ok.

 

Step 8: when youve got this layer selected, you press Right click on your Gradient tool(left in the vertical bar), and select the Paint Bucket tool.

 

 

 

Step 9: Dont panic, now you select the colour Black and you click on your image, this will fill up in black then.

 

 

 

Step 10: Press 'Filter>Render>Clouds' and there will appear clouds, and then you go to the bottom right of your screen, and select Vivid light:

 

 

 

53on.png

 

 

 

Well ur quite done, now we add a border to finish:

 

 

 

Step 11: Press the Rectangular Marquee tool:

 

65fe.png

 

 

 

then you press Right click on ur image, Select all>Right click>Stroke

 

 

 

Then: press '4 px' in the Center, then click ok.

 

72cf.png

 

 

 

Then you press Stroke again, but this time 1 px with the colour white (instead of black,above) in the Center and press ok

 

 

 

then press Right Click> Deselect and ur done!

 

 

 

Result:

 

lolgeen28xt.gif

 

 

 

(its 30k, for those who like it they may have it.)

 

 

 

I hope you learned from this tutorial, Now you know a bit more about getting along in photoshop, without downloading any extra tools, like brushes :)

 

 

 

~Woopidoo2.

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

  • Replies 72
  • Views 6.3k
  • Created
  • Last Reply

Top Posters In This Topic

Wow, looks good.

 

 

 

I think that'd look great if you recreated it once or twice in a sig, and added a few additions.

 

 

 

Good tutorial, but one question: With gradient, you don't need to change it to difference or whatever, do you?

hehe..cool, i might try doing some later. Nice tut. 8-)

shannonta5.gif

Miami Heat 4ever fan.

Yes, i'm a girl! I like to watch NBA, so? =]]

Thanks star_in_the_sky for the AMAZING sig and eckered for the great avvy!!

Pretty cool tutorial.

5637_s.gif

Pixel sigs by me.

Pixel Art

I will, I just got Photoshop CS2 (trial addition) I'll try it in just a sec. Good tut :D

 

 

 

{EDIT} I tried it. At first I was doing what you had in your tut but then I decided to go my own way :lol: I think it looks..."okay" considering I stay mainly at MSPaint. Here it is:

 

untitled2copy1yk.png

 

C/C please and can someone tell me how to do an outline :?

wiseoldmanv2jpgvx2.jpg

do u wow?

Cassiius|Level 70 Night Elf Preist|Runetotem

Sambora|Level 37 Tauren Shaman|BurningLegion

I'll try it ^^

 

Can we post our results? So you give some C/C?

 

Or no? :?

 

But nice tut ^^

 

 

 

~komodo

komododabst3cn.png

Lol, woopidoo, you've inspired me:

 

pastellookingcopy5sc.png

 

untitled2copy1dx.png

 

japanesepastel3ww.png

 

grunge4fe.png

 

These are so easy to make I might just forget about MSPaint when creating signatures. Woopidoo-do you know how to make one of these with a render from a site? Also do you know where to get already-cropped renders? I might try to improve on this sort of thing, it's awesome!

wiseoldmanv2jpgvx2.jpg

do u wow?

Cassiius|Level 70 Night Elf Preist|Runetotem

Sambora|Level 37 Tauren Shaman|BurningLegion

Wow! Rotate that last one 180 degrees and you have a worm's-eye artistic view of a rain shower!

Lol,Nice observation Goldwolflord :lol:

All Quests completed

99 Thieving achieved on January 10th, 2008

99 Defense achieved on August 3rd, 2008

85 Slayer achieved on July 31st, 2008

6 Dragon boot drops, 14 Whip drops

where can i get photoshop?

bloodyrbsig5lh.gif

Hehe thanks. :P

 

 

 

Ehhh Adobe.com/adobe.co.uk is probably the best place if you don't want to do anything illegal. :P

 

 

 

(You can get it free/really cheap from some places but that breaks the law)

  • Author
Lol, woopidoo, you've inspired me:
lol, the last pic is really good, try to rotate that one :wink:

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

This is what Gold means

 

 

 

17mv.png

All Quests completed

99 Thieving achieved on January 10th, 2008

99 Defense achieved on August 3rd, 2008

85 Slayer achieved on July 31st, 2008

6 Dragon boot drops, 14 Whip drops

Actually, turn it back 90 degrees anti-/counter-clockwise...

Aha..Stupid Paint.net

All Quests completed

99 Thieving achieved on January 10th, 2008

99 Defense achieved on August 3rd, 2008

85 Slayer achieved on July 31st, 2008

6 Dragon boot drops, 14 Whip drops

19xf.png

 

 

 

Like this?

All Quests completed

99 Thieving achieved on January 10th, 2008

99 Defense achieved on August 3rd, 2008

85 Slayer achieved on July 31st, 2008

6 Dragon boot drops, 14 Whip drops

It does look like what you said :)

All Quests completed

99 Thieving achieved on January 10th, 2008

99 Defense achieved on August 3rd, 2008

85 Slayer achieved on July 31st, 2008

6 Dragon boot drops, 14 Whip drops

I decided to make a signature for myself via Photoshop:

 

mysig4yj.png

 

C/C please?

wiseoldmanv2jpgvx2.jpg

do u wow?

Cassiius|Level 70 Night Elf Preist|Runetotem

Sambora|Level 37 Tauren Shaman|BurningLegion

Too plain; Too little colours, text is too plain, hard to read, and try not to overuse Lens flares... Seldom do you see a sig that actually uses a lens flare properly/well.

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.