9/13/2008

Neon Lights Tutorial [gimp]

Posted by Jacob Philpott

Prologue:

This tutorials is for intermediate users at Gimp. I recommend that you save often. This tutorials also involves the use of a lot of layers (mine had 69) so if your computer doesn't handle that well, then make sure you save often, and make the image smaller.

Resources:

Stock of girl: http://www.sxc.hu/photo/918065

Tutorial:

1. First, render out the girl in the stock image. It doesn't have to be the best render you have ever done, considering the end result. Include the rock on the girl's right foot to shape the foot.

Photobucket

2. Now copy and paste the girl onto a new canvas. The canvas size I used was 476x884. Make the canvas color black. Place her somewhere in the middle. While the girl is active, go to Layer>Transparency>Alpha to Selection. This should have selected the girl. Now create a new transparent layer (while the girl is still selected) and fill the selection with white. Now go to Select>Shrink and shrink the selection by 1 pixel. Now press Ctrl-X to delete the selection. Also, hide the original girl layer (you will need her for later). This should leave just the white outline.

Photobucket

3. Pick a dark green and purple for your fg and bg colors in the pallete. Now, using the Blend tool, make a simple vertical gradient (in order to make a perfectly vertical gradient, hold Ctrl). Now duplicate the girl outline layer twice, leaving you with 3 layers of the outline of the girl. Hide the bottom one. Change the layer mode of the middle one to Value. On the top layer, go to Filters>Blur>Gaussian Blur and blur it anywhere from 15 to 20.

Photobucket

4. Duplicate the hidden outline layer. Move the duplicate to the top of the stack. Make it visible and go to Filters>Distorts>iWarp. While in iWarp, use a Deform radius of around 50 and a Deform amount of around 0.05. Now just move around the line some here and there and click OK. Now duplicate this layer and make the bottom one's mode Value and the top one gaussian blur by 20.

Photobucket

5. Repeat step 4 as many times as you would like to get more lines.

Photobucket

6. Using the Rectangle Select Tool, create several squares in the bottom right on a new layer at the very top. Now go to Layer>TransparencyShrink and shrink by one pixel.

Photobucket

7. Repeat the process of making glowing lines as used with the girl.

Photobucket

8. Make a new layer of different squares and repeat the process.

Photobucket

9. Repeat the process in top left except use the Ellipse Select Tool.

Photobucket

10. Get out the Paths tool. Make a new layer and go to Layer>Layer Boundary Size and increase the size by about 150% and position the layer in the middle. Now make a curved line and stroke it with a thick green line. Now go to Filters>Distorts>iWarp and shrink the top part to give it some depth.

Photobucket

11. Go to Filters>Light and Shadow>Drop Shadow and create a drop shadow. Now duplicate the green line and move it below the drop shadow layer. Now move it even further towards the bottom left corner. Now add a drop shadow to that green line.

Photobucket

12. Create a new layer at the top and create a radial gradient in the bottom left with the settings like this:

Photobucket

13. Make the first green line layer active. Now go to Layer>Transparency>Alpha to Selection. Now go to the other green line layer and go to Layer>Transparency>Add to Selection. Finally, go back to the gradient layer and press Ctrl-I to invert the selection and then Ctrl-X to delete the selection. Change the layer mode to Overlay and duplicate the layer.

Photobucket

14. Repeat the process on the opposite side but use purple.

Photobucket

Conclusion

So you have completed the tutorial! Yes some parts were admittedly repeptitive, but they came out with some neat results. On a side note, to get more of a glow, you can duplicate some of the blurred line layers.

81 comments:

masaaa said...

Wow, very cool! Thanks a lot Ajit! ;) Too bad my computer has only 512 RAM so I can't do very big images :P

Ajit said...

glad you liked it :) perhaps if you are really aiming to do one you can just make a smaller version of it.


good luck :)

Kiely said...

It's confusing when it's on Step Two,
"This should have selected the girl. Now create a new transparent layer (while the girl is still selected) and fill the selection with white. Now go to Select>Shrink and shrink the selection by 1 pixel. Now press Ctrl-X to delete the selection. Also, hide the original girl layer (you will need her for later). This should leave just the white outline."
I tried filling in the girl, *right?* but nothing happened, and I didn't get the outline..

DominicK said...

@Kiely- Select the girl.
-Then create a new layer
-In the new layer, fill it with white. A silhouette of the girl should appear in white, as the girl should be STILL SELECTED.
-Select>Shrink
-Press del to delete the selection
-Hide the original girl layer (the one that has the girl with colour in it)

Marce said...

how do I select the girl??

Marce said...

Forget it, I got it

Darrien said...

i cant do it, on step to, the shrink isn't available, it wont let me click it. >:/

Theodore said...

Good tutorial BUT;
Step 1: you can right click the girl and save a PNG file from the image you used in this tutorial. Saves your students buying a copy and also erasing the background.
Step 3: Remind your students to click on the side of the image to deselect the outline so that the gradient does the whole image and not inside the selection. Easier too to merge down each value/blur layers to reduce layer clutter.
Step 4:"Now just move around the line some here and there and click OK" You need to specify inside the preview square - took me ages to work it out as I've never used this tool (it helps to treat your students as complete novices)
Step 12: I made it "look like this" except you have a white gradient in the image which made going to the next step confusing. You went from one layer to how many? You completely lost me between this step and the next. I suspect you've missed a step here.
Step 13. This is where I gave up.
I did learn stuff here but you need to treat your tutorial students as complete novices - more advanced students can skip over parts they know but everybody else just gets lost.

Sdort said...

this is sure pretty awesome

Phili22 said...

How Do You Select Tha Girl?
Everytime i fill it with white , tha whole girl turns white . not just tha outline ):
Help .

Ben Jo said...

Phili you have to fill with white, then Select>Shrink by one pixel, then Edit>Clear it.

Click here for more Gimp tutorials
http://www.youtube.com/user/LoveToGIMP

Phili22 said...

Oh got it~!

Thanks :)

Caythom said...

On step 3 I cannot get the blending to just do the outline, it fills the whole inside of the image I'm not sure what I am doing wrong and I've tried to play with it but I am stuck :(

kapris said...

This tutorial is featured on 70 creative Gimp tutorials

Carlo said...

gdfgdfg

Ridhi Web Expert said...

Best video tutorial i can buy about Studio lighting, Speedlights and lighting in general?
Thank-you
Silver MLM

jamienato said...

confused with step two. o.O whenever i paste the picture, 'alpha to selection' is not allowed. i can't click on it! help. please!

saim said...

It was very useful for me. Keep sharing such ideas in the future as well. This was actually what I was looking for, and I am glad to come here! Thanks for sharing the such information with us

find doctor list

Unknown said...

Cheap Nike Free shoes
Nike Free run Womens shoes

Helpfixanypc@ pc repair leicester said...

This is really great to see this post , I liked it , thanks for sharing this great post with us,some of your points you wrote in this post are really very amazing. So keep posting like this.


HelpFixAnyPC PC Repair Leicester


Web Design manchester

Mel Melhado said...

Thanks for sharing. I hope i could attain this style of design in Photoshop. It's really great! moorings real estate

Madhuri Naidu said...

Awesome tutorial dude..It was really exciting to know much about these.
Free Ecommerce Software
Web Shopping Cart

Ravi said...

Very nice tut.. Get more tutorial at : http://veeraworks.yolasite.com/tutorials.php

mick jon said...

Lighting trail photographs are generally most typical identified along with car headlights and also butt lighting, but you can even help to make gentle tracks along with superstars or perhaps every other gentle with motions. the most important christmas greetings information you need to utilization in people adore.

Website development bangalore said...

Amazing, really excellent info. Your blog is really cool. I bookmarked this and may come back again.
Website development bangalore

Neon And More said...

I love the look of a good neon sign. Looks like you guys have done some nice work too!


Neon Pictures

SEO Company Bangalore said...

Thanks for sharing this great Post dude
SEO Company Bangalore

david franks said...

This is a great post and also has lots of advantage. Thank you because I have recently been searching about for a week and yours this article is the greatest I've discovered.AC Repair in Mumbai

SEO Company Bangalore said...

Thanks for sharing this great post dude.
SEO Company Bangalore

Web Developing Services said...

Each step of this blog well explained the making of Neon lights to the outline border of images.Its really great information for Graphic designers.
Web Designing Companies India | Web Development Companies

Manoranjan Sahoo said...

Very nice tutorial, thanks for post this in your blog.
Website Development Company

Swarupa Zinavo said...

Zinavo Technologies is resourceful web design company,Our services encompass web design, website development, ecommerce solutions, open-source CMS,SEO, SEM, and SMO services.
Web Designing Company Bangalore | Magento Services India

julia Ware said...

What a blog post!! Very informative and also easy to understand. Looking for more such comments!! Do you have a facebook? I recommended it on dig. The only thing that it’s missing is a bit of new design
HP laptop Repair in Mumbai Compaq laptop Repair

BangaloreWeb Guru said...

Web Design Companies Bangalore | SEO Specialist Bangalore

Speedy Pros said...

Nice work! I liked the tutorial a lot and the tips are great. custom t-shirts

Personalize My Baby Blanket said...

Interesting approach and great result. I loved the tutorial personalize my baby blanket

Anoop Intersmart said...

Very interesting tutorial. The way you wrote is easy to understand each point.

web design cochin

Pavitra Rishta said...

Thanks for the post. You should take part in opponents for one of the best blogs on the web. I will suggest this site! cloud accounting software

mekala kumar said...

Great information. Thanks for sharing, keep on update your blog. We are looking forward for your updates..
Online accounting software

Bangalore RWD said...

Graphic designing is the good source to make the high resolution image with the help of designing tool.
Web Design Company Bangalore | Responsive Web Design Services

Goldie Hearn said...

Valuable information and excellent design you got here! I would like to thank you for sharing your thoughts and time into the stuff you post!! Pharma Packaging

Goldie Hearn said...

I'm excited to discover this page. I want to to thank you for ones time just for this wonderful read!! I definitely really liked every part of it and I have you saved as a favorite to look at new stuff on your blog.
Emergency Lights Manufacturers

saransh khanna said...

Great post, thanks for sharing..


Web Design India


Wordpress Development Company

saransh khanna said...

Great post, thanks for sharing..


Web Design India

Wordpress Development Company

Mayank Chawla said...

thanks..

Website Designing Company Delhi

divya chirsty said...

Glad to read your post :). It is very informative!
Magento Web Development Company

Stevensen Liu said...

wordpress free themes
I enjoyed reading this and viewing the selection of featured sites. Thanks for taking the time to put it all together.

Joseph Smith said...

ezy4gadgets.blogspot.com I guess this tutorial will mostly be enjoyed by graphics enthusiasts icon_wink 45 Useful Collection of Gimp Tutorials We’re going to create a special glowing lines effect with saturated colors and good dynamic! accessories online store android phones review cell phones gadgets and reviews electronic gadgets store tech gadgets latest news internet browsers reviews and guide ipad gadgets accessories review iphone mobile gadgets reviews laptop computers reviews online mp3 players reviews smartphones news and reviews latest and old tablet pcs reviews microsot windows online reviews and gadget stor

Joomkb said...

Great Idea and funny, Enjoyed lot!!!!
Ecommerce Web Design | Magento Web Design

asharma said...

Great tutorial on Photo editing software. Well explained. Entire web solutions at Ecommerce Website Development Bangalore

Friv4 Games Online said...

I would like to thank you for your nicely written post
Signature:
i like play games friv4 school online and play games 2 girls 2 online free and play game friv games and games2girls ! have fun!

Frozen Juegos said...

I am very happy to read this. Appreciate your sharing.
Signature:
Jugar juegos de frozen en línea gratis, los nuevos de princesa de Disney juegos frozen - la princesa encantadora y linda. Divertirse frozen!

Whatsapp Descargar said...

What a great online source of information about this topic. you have done great work. keep continue to sharing such kinds of post. keep it up.
Signature:
download free descargar whatsapp gratis and download baixar whatsapp gratis online and descargar whatsapp , baixar whatsapp

Facebook Descargar said...

Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write
Signature:
download descargar facebook gratis para Android celular and download free descargar facebook apk and descargar facebook gratis , descarga facebook

iniciar sesion facebook entrar said...

Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very useful for me
Signature:
facebook entrar iniciar sesion gratis - Sitio Oficial iniciado sesión en Facebook lengua española. facebook entrar rápido, facebook iniciar sesion en tu cuenta de entrar facebook

Mít Trang said...

Very interesting! Thanks you.
Signature:
download baixar facebook movel, Facebook movel, baixar facebook movel. Facebook chat, baixar whatsapp gratis, fazer o download baixar whatsapp para Android, iPhone. Últimas Facebook

games unblocked said...

Thank you for sharing valuable information. Nice post. I enjoyed reading this post.
Signature:
The place to play all unblocked games online. Here you can find every blocked games such as: unblockedgames , unblocked games happy , unblocked games 77 ,

Anh Mai said...

Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very useful for me
Signature:
Versión en descargar facebook en español a los países hablan Español: facebook entrar agora , facebook en español para and facebook entrar direto

Web Designing in Bangalore said...

Woaw!! what a cool post..Loved it. would definitely put this idea to use

Web Designing Company in Bangalore

thị hậu nguyễn said...

Really your blog is very interesting.... it contains great and unique information. I enjoyed to visiting your blog
happy wheels
super mario bros
pacman
agario

Sri Sathvika said...

Wow! wonderful article. I read your post. It was very nice. Thanks for sharing this post.
SEO Training Institute in Chennai

Tanmaya Meher said...

Good idea and thanks for sharing but very difficult to understand.

Nithin John said...

zero bulb
website designing in india
website designing in kerala
website designing in kochi
web designing in india
web designing in kerala
web designing in kochi
website design in india
website design in kochi
website design in kerala

Kiên Huệ said...

This time I feel stressed, I go online to find the article to read. I happened to read your article, it's nice and emotional. I love it. descargar facebook gratis , descargar facebook gratis , baixar whatsapp gratis , descargar whatsapp apk , baixar whatsapp , baixar mobogenie , mobogenie market

Emily Trần said...

This is a good idea, I would like to refer to my content development. I have a few concerns can not explain, hopefully this article can help me. baixar facebook gratis , facebook movel , facebook descargar , whatsapp descargar , mobogenie , baixar mobogenie , whatsapp messenger

sky sky said...

I just wanted to say thank you for sharing a great information and useful. it really necessary and timely for me at this time. I've read a lot of blogs and visit but they made me feel boring. Your article made me feel strange and fascinating it attracted me. I wanted to share this information with my friends on the social network facebook.!
G9 , Dora , Kizi new , Huz 2 , Kizi 2 , Friv 4 School , 85 Play , 4223 Games , 85 Games

Hola Launcher said...

Thanks for sharing this valuable information to our vision. You have posted a trust worthy blog keep sharing.
Red Ball is a online, platform games series, posted by King. It involves a red ball 4 stuck in a world of various levels, and hola launcher is a freemium web and mobile application which claims to provide a faster, private and more secure Internet. Whether you are looking to improve your culinary skills or you simply love whipping up tasty treats, this simulation game named cooking fever will surely leave your mouth watering. Sun, sand, surf, and all the fish you can eat! Sail away to paradise bay, where you'll help Keani and friends restore the island to its former glory.

Friv4 Games Online said...

The article you have shared here very awesome. I really like and appreciated your work. I read deeply your article, the points you have mentioned in this article are useful
Signature:
i like play games happy wheels online and play happy wheels 2 games and happy wheels , super smash flash 2

Messenger Indir said...

I would like to thank you for the efforts you have made in writing this article.I would like to thank you for the efforts you have made in writing this article.
messenger indir | messenger indir | messenger indir | messenger indir | messenger indir | messenger indir | messenger indir

Alice Passonra said...

I enjoyed over read your blog post. Your blog have nice information, I got good ideas from this amazing blog. I am always searching like this type blog post. I hope I will see again.
agar | agar io | agario game | agario | agar | agar io game | agar io | agar | agario game

Linda Rose said...

This is also a very good post which I really enjoyed reading. It is not everyday that I have the possibility to see something
Geometry Dash 2.0 |Dr Driving | Trollface Quest 2 | Square Quick

Zhemwel Elanor said...

Nice Post Gan, Visit Juga Ya..

Blog Saya
Download Avatar Korra Sub Indo
Bobol WinRar Yang BerPassword
Aktivasi Windows 8
Komponen Yang Terdapat Dalam Komputer

Games Mincecraft said...

I love reading your articles and I shared it with my friends.
People also like it and give good feedback. Thank you
minecraft games

khalidbahadar Qewr said...

fashionxmas.gq/
pakistani,credit,degree,donate,dresses,hosting,insurance,lawyer,lehenga choli,loans,mortgage,salwar kameez,suits design,men party wear shalwar kameez .new fashion,braidal nail,color ful nail,desaignr nail polish,excellent nail,exclosive nail,onlain designr nail,party wear nail art beautiful fashion style,party wear nail art beautiful style fashion collection,party wear nail art best fashion collection,party wear nail art best fashion download hd pictures,party wear nail art bridal designs fashion,DRESSES,WOMEN DRESSES,MEN DRESSES, KIDS DRESSES,BRIDAL DRESSES,MAKEUP ,FASHION SHOW,HAIRSTYLES,JEWELLERY

khalidbahadar Qewr said...

fashion for wedding dresses
party-wear-saree-suits
evening suits by maria b
designs lehenga bridess
makeup ideas
Bridal High Heel Shoes

Natasha Couture Party Sexy Outfits
Kurti for Teen Lovely Girls
Diwali Special Lehenga Choli Cataloge
PARTY AND WEDDING WEAR NAIL ART
HAIRSTYLES IN FACE SHAPES
HUGO BOSS SUN GLASSES GIRLS

BEAUTIFUL NATASHA SALON” BRIDAL MAKE-UP
BORJAN WOMEN HAND BAGS AND SHOES
Eye-Makeup Varieties For Girls
Men Kurta Salwar Kameez
Kids Clothes Fashion
Fresh Mehndi Collection
Rings Jewellery Designs

khalidbahadar Qewr said...

Lawn Dresses Launch For Ladies
Faraz Manan Dresses
Gown Varieties Fashion
Cinderella Gown & Dresses
Sunglasses For Western Girls
Shalwar Kameez
Big Spring Summer Collection

Latest Mehndi Designs
Kurta Design
Ghani Kaka Textile Women Party Dresses
Pakistani Unstitched Pattern Suits
Wedding Flowers And Rings Collection
Lehenga Choli In Vibrant Colors
Graceful Indian Jewelry By Kalyan Jewelers
EXCLUSIVE LAWN DRESSES

SUMMER LAWN
ahmed summer lawn
LINEN SUMMER LAWN DRESSES
LAWN DRESSES
Maria B Party Wear Dresses
wildfox beautiful sunglasses
marvelous indian mehendi designs
kareena kapoor stylish dresses
artimmix printed lawn dresses

atifabushra said...

Excellent blog you have here but I was curious about if you knew of any community forums that cover the same topics talked about in this article? I’d really like to be a part of online community where I can get advice from other experienced individuals that share the same interest. If you have any suggestions, please let me know.

http://cashpackets.com/money.php?ref=84

atifabushra said...

See more this type blog

Alice Taylor said...

This is a great article. It gave me a lot of useful information. thank you very much.
monkey go happy 2cat mario 2learn to fly 2 | happy wheels demo | mahjong online | pacman game | monkey go happy 3 | cat mario 3learn to fly 3 | happy wheels 2 | mahjong | pacman games

Strike Force Heroes Official said...

Thanks for the best blog.it was very useful for me.keep sharing such ideas in the future as well.this was actually what i was looking for,and i am glad to came here!
earn to die
Hi! I’ve been reading your blog for a while now and finally got the courage to go ahead and give youu a shout out from Austin Texas! Just wanted to tell you keep up the fantastic work!my weblog:
tank trouble
tank trouble

earn to die 1

earn to die 2

earn to die 3

tank trouble 4
tank trouble 3
tank trouble 2

hạnh phan thị said...

Thanks for the best blog.it was very useful for me.keep sharing such ideas in the future as well.this was actually what i was looking for,and i am glad to came here!

hotmail sign in Hotmail is an email account of Microsoft Corporation. Like Google’s Gmail, it is full of the features of a regular email.

hotmail login Hotmail was previously a quite popular email service. It has the features and utilities similar to other email services, but users encountered many annoying issues, and even lost fees they had paid for this service.


recover hotmail password Therefore, there are many users who have a registered Hotmail account but no longer wish to use it as they are unhappy with the service.

sign in to Hotmail  At this time, some users sought to remove their Hotmail account, but has some difficulties as it is a complicated process.

Post a Comment