28 March 2008 | photoshop, tutorials

Another tutorial.. Simple and fast..

linee21

STEP 1= open a new document 1000 px / 1000 px and fill it with black

STEP 2= create a new layer (put it in the top) and fill it with white

STEP 3= go to filter >> render >> fibers and apply the following settings

linee1.jpg

STEP 4= go to filter >> blur >> motion blur and apply the following settings

linee2.jpg

STEP 5= apply a gradient overlay layer style with the following settings (remember to set the effect to overlay like shown in the box)

linee3.jpg

STEP 6= convert the layer to a Smart Object and duplicate the layer; set the layer to Overlay and go to filter >> other >> high pass and apply a radius of 10 pixels

linee4.jpg

STEP 6= set the black background layer as invisible and merge visible (shift+ctrl+E); than resize the merged layer as shown in the picture

linee5.jpg

STEP 7= free transform the merged layer rotating it of 45 degree and stretching it to the corners

linee6.jpg

STEP 8= go to image >> adjustments >> levels and apply this settings

linee7.jpg

FINISH= apply any effects you want to personalize your image

lines.jpg

Popularity: 100% [?]

Comments

Claudiotto

31.03.08 9:52 pm

Bella Gia! Buon tutorial yeah =)

Yselfh

01.04.08 3:23 pm

Veramente un bell’effetto, complimenti! :)

giackop

03.04.08 4:24 pm

uooooooooooooooooooooo i can’t believe that!!! smashing mag rocks!!!

Alex

03.04.08 6:16 pm

Thanks. Real nice effect in no time!!

Francesca

03.04.08 8:25 pm

Oh, so easy but so pretty! Thank you so much!

Naveed

03.04.08 8:49 pm

lols that was so easy and nice :)

giackop

03.04.08 9:36 pm

thanks guys!! i’m so disappointed that my shinystat reached the limit so i cannot see how many visitors today.. the count stopped at 719.. mmm..
anyway thanks a lot to everybody

Website Design

04.04.08 11:06 pm

Hey, I saw this on smashing. Awesome! Nice blog btw.

Paul

06.04.08 11:01 pm

This made me fall back in love with Photoshop!
I’ve been using PhotoImpact (mostly) for the little things and Photoshop only when I have to. But having done this, I’m hungry for more. It is true what they say: There is noth you can’t do with Photoshop!
A really great tutorial, thank you!

Jason Bates - Lushable.com

08.04.08 4:00 am

Awesome tutorial, i love it!

Ravi

08.04.08 4:49 pm

Brilliant tutorial! Really really helpful. Nice and easy with a brilliant result.

Thanks!

sw

08.04.08 11:56 pm

grande giackop, sei finito pure su SM, dove vorrai arrivare :) ? senti ma perchè non integri il plugin di delicious e digg? ti farà aumentare gli accessi.

giackop

09.04.08 12:38 am

l’avevo messo poi l’ho tolto ma non ricordo perchè.. dovrò rimetterlo appena ho un sec.. cmq complimenti a te per il tema di italianwebdesign mi sono sempre scordato di dirtelo..

Herbalife

12.04.08 3:43 am

That’s a brilliant tutorial to create nice rainbow colors.

anon

12.04.08 4:18 pm

I wonder if it is just a coincidence that PSDTuts.com published the same type of tutorial on the SAME DAY as you. Too bad theres was much better. Maybe you should come up with your own work instead of stealing the ideas of others, you hack. Quit polluting the internet with this stolen tripe.

giackop

12.04.08 5:55 pm

You should check on psdtuts.. I said there on a comment that i was creating a very similar effect at the same time.. I’m not this good to create an effect and make the tutorial in one day.. It’s a pure coincidence but i don’t care if you believe it or not.. I wont remove your comment because I’ve nothing to hide.. If you don’t like it just don’t come here..

eydryan

13.04.08 3:49 am

great tut :) thanks, and ignore that guy, he just doesn’t have a life…

R.Gunasekar

14.04.08 12:54 pm

it is very nice. I just learned more and more in this tutorials section….

thankyou for helping us

Daniel

14.04.08 3:10 pm

nice tutorial giackop!

anonymous

16.04.08 2:31 am

hey i was wondering what the last effects you used on yours were?

cuitlahuac

17.04.08 6:34 pm

very nice tutorial, thanks

Web Design

20.04.08 5:31 am

Awesome tutorial! I’ll put it to good use. Thanks!

Graphic Design Degrees

22.04.08 12:03 am

May God bless you all.

jaime

22.04.08 3:38 am

has anybody noticed that if you scroll down slowly the sixth step it seems like the image moves? creepy

giackop

22.04.08 9:05 am

it’s true.. cool..

Buttons by Bill

22.04.08 6:50 pm

That is a sweet effect! It looks like an electron microscope image of a pencil tip. Very sharp!

Ancalagon

23.04.08 5:45 pm

Great work!

I just have a question. How do you make the final effects?

giackop

23.04.08 8:02 pm

with step 8.. that’s it

gen

30.04.08 2:20 pm

Absolutely awsome! I can’t wait to give it back to you and make share my knowledge as wel. Thanx!

Jonathan Solichin

02.05.08 3:20 am

Cool! I’ve also had a technique that has a similar result to this. But because my photoshop didn’t have fibers, i used mezzotint instead. I’ve written a tutorial on it on psdtuts. Sorry if this seems like advertisements. I think it’s interesting to see others doing the same thing with a different method :)

giackop

02.05.08 3:43 am

I know Jonathan.. I was finishing this tutorial the very same day as your tutorial on psdtuts.. that’s cool.. we had almost the same idea at the same time.. thanxs for visiting the blog..

anima

05.05.08 9:42 am

very very very useful tutorial, learned a lot from it :D

giackop

05.05.08 12:30 pm

thanx everybody!!

Sham

06.05.08 10:39 am

awesome dude

Vita

07.05.08 2:17 pm

Simple and great! Thanks

Wally

12.05.08 7:29 pm

And in CMYK, how print this colors???

giackop

12.05.08 7:52 pm

I don’t get what you mean… I printed it and it looks so cool..

Leandro

14.05.08 9:49 pm

hola esta muy bueno ese efecto!!! thanks !

giackop

14.05.08 10:30 pm

lol tahnx

Jonathan Sace

16.05.08 7:44 am

Simple but Great!! Thanks

namiiii

18.05.08 11:19 am

这是哪个国家的站点?

namiiii

18.05.08 11:21 am

我查到了,是意大利的(Italy)。

giackop

18.05.08 3:08 pm

?? sorry ??

phoenixx

18.05.08 5:15 pm

i don’t know why but my layer remains white and i can’t see any filters applied :/ what did i do wrong ??

phoenixx

18.05.08 5:23 pm

no, everything’s fine. i’m just dumb =D

great job & thanks for this great tutorial !!

green melon

01.06.08 4:12 am

great tutorial!!btw,i was just wondering,can we free transform the line?for example make it looks like an ’s’ or something? ^^

giackop

01.06.08 12:14 pm

for sure.. just using the warp tool (under edit/transform if i remeber it correctly)

Web Design

08.06.08 11:14 am

Great!!!!

Jerome

15.06.08 8:54 am

hihi, you mentioned.

set the black background layer as invisible and merge visible (shift+ctrl+E); than resize the merged layer as shown in the picture

but how to do that ? Plus how come my high pass filter doesn’t show much line compare to yours ? i am using CS2

Arun Pattnaik

16.06.08 1:03 pm

wow! really beautiful tutorial. Photoshop rocks. I wish i had so much of skills. good luck!

maras

27.06.08 5:22 am

its perfectly nice..n easy

serene

13.07.08 8:29 pm

this is cool! thanks for the tutorial!

hajji

14.07.08 3:41 am

太好了,谢谢。
I love the effect, thank you very much.

sumit

24.07.08 12:55 pm

gracis.

Johnny

26.07.08 7:32 am

Yeh, but what can one use these lines for?

dotacje unijne

31.07.08 10:51 am

I like those colours. Nice tut with a good taste!
thx,
dotacje unijne

Dario Capizzi

31.07.08 8:16 pm

:-)

giackop

02.08.08 2:49 pm

ciao dario!! il tuo sito è splendido!! l’ho visto qualche tempo fa! stupendo davvero complimenti!!

Willem

03.08.08 3:15 am

I like it and the background and colors make it easy to ready

cerci

18.08.08 1:37 am

强 什么语言都有阿

Denis

22.08.08 5:47 am

Nice tutorial thanks…)))))) Very coollllll Effect….))))))

Herbalife

23.08.08 1:45 am

Amazing effects, easy to follow tutorial. Thanks!

Deepanguran.B

28.08.08 3:16 am

Simple ,good and credible.

loon

07.09.08 8:30 am

things like this make me want to toss out my copy of cs3 and forget i ever called myself creative.

Ramesh Thakkar

07.09.08 5:26 pm

E N J O Y E D !!!

yara

11.09.08 2:02 pm

Great

But i have replace (Merge Layer) for make dinamyc Object with two raimbow layers, and i create on the top a adjustment layer (Level).

See captures : http://clip2net.com/clip/m1849/1221134525-clip-7kb.png

NungNing

12.09.08 9:05 am

Brilliant!!!

Khan

16.09.08 6:37 am

This tutorial was really cool. some time i got amazed my self that how professional people get the result out from the filters. by the way do you know when you are applying filters that what type of result will occur as outcome and according to your desire.

giackop

16.09.08 10:53 am

sometimes it’s also luck.. you try and you get something cool..

MaximaDesign

17.09.08 12:00 pm

Quite good end result

Media Impact

25.09.08 12:34 am

very awesome. thanks a lot. this will be very useful

gana

06.10.08 12:13 pm

dakrion

18.10.08 8:18 pm

Concerts, Broadway plays, and sports events tickets available for online purchase.
Tickets for Concerts, Sports, Arts, Theater, Family, Events, more …

Kharikein

07.11.08 4:58 pm

Very nice tutorial! I also saw this tutorial on russian website.

miniboden

11.11.08 7:34 pm

Mini boden…
Mini boden

estimates

12.11.08 8:19 pm

Puppy weight estimates …
Puppy weight estimates

jbhunter

13.11.08 2:03 pm

JB hunt…
JB weld…
JB hunt

crazyfarmgirl

13.11.08 6:57 pm

Crazy farm girls…
Crazy farm girls

RyanD

20.11.08 2:48 am

Why is mine not being colored it’s in black and white…please help me with this >.<

RyanD

20.11.08 3:37 am

nevermind.

Hussein Mohammed

05.12.08 2:39 pm

Many thanks from me dear

Regards

AAA

hah

18.12.08 11:41 am

HAH!! shopped!

cok sexy

24.12.08 11:05 am

thank you so much

jiro

17.01.09 10:34 pm

THAT PWNED!!!!!!

great tut

andimiswar

24.01.09 5:49 am

nice tut…
i like it!!

thanx

Falcon

05.02.09 7:33 pm

Ok…i did the first three steps of take canvas, fill with black, make new layer, fill with white…and then i go to the fibers thing and my fibers box preview does not look like the step 3 image? why is that? it just stays white…nothing happens!!! pleas help…iam so frustrated…i’ve been using this software for the past 3 days and some things like the pen tool still dont make sense….arg!! anyway…please help…email me at cyberfalcon@ymail.com

TomSpit

11.02.09 12:23 am

Excellent tutorial – From TomSpit.com

ttaasi

13.02.09 6:40 pm

i am a new student in this field and trust me your work is a great help 2 me.

Vero

24.02.09 11:54 pm

hello, nice tutorial, this is the translation in spanish

Traduccion en español

http://invisiblementevisible.blogspot.com/2009/02/tutorial-lineas-de-colores.html

Saludos =)

Alexwebmaster

03.03.09 10:41 am

Hello webmaster
I would like to share with you a link to your site
write me here preonrelt@mail.ru

Вот решил вам немного помочь и послал этот пост в социальные закладки. Очень надеюсь ваш рейтинг возрастет.

Machiel

07.03.09 9:53 pm

Im also new to photoshop, so I am possibly making a mistake. But I have the same thing like the other 3 above me, in the fibers filter nothing happens. I dont get the picture like above, the preview just stays white. Anyone can help?

PS. i see the others fixed in within the hour, maybe ill get the same

DevTouch

14.03.09 5:46 am

Simple and effective with no shortage of applicable uses. Excellent!

Nagy_art

23.03.09 8:56 pm

its first time in which i found a real tutorial without any trick
really nice work and i wish if there more thanks alot

kamilka

20.04.09 2:56 pm

Недвижимость

marlesha

22.04.09 3:15 pm

Situer l

aya

05.05.09 3:16 pm

I’m sorry but i also can’t complete number three somehow it just appears white :( what to do pleas

AJ

13.05.09 11:01 am

Thanks, thats a great tutorial.

Thank you, nice work. may i know what was the final effect.

Василий

14.06.09 11:46 am

А это Вы написали на основе исключительно Вашего личного опыта?

lukey

03.07.09 9:15 pm

thanks alot. really helpfull and looks awesome! thanks again

Lost in Photoshop

09.07.09 5:20 pm

I am photoshop beginner and it is difficult for me.Please help me, I can’t resize the layer.

Todd

29.10.09 11:53 pm

That’s a really sharp, punchy result !

Thanks guys

Thayssa Hartmann

30.10.09 11:25 pm

I liked this tutorial, but I think you should be more descriptive. I also think you should explain the step better because they are a little bit hard to understand for us that we are beginners. sorry for the inconvenience but that is my opinion!!!!!!

mebvdr

07.11.09 1:40 am

Автор, Вы достойны уважения!

thanks for the tuts
check out what I did
http://bit.ly/1cnc65

ennio

04.12.09 3:24 pm

ottimo tutorial

nadia

15.12.09 10:29 am

this is one perfect and clean tutorials, thanks for sharing

Simple and effective!

Wener

09.01.10 5:57 am

it is pity that i am a chinese

great Job!!

Vlad Kypidkovkin

02.03.10 1:08 pm

Такое можно обсудить и по аське, а не засирать страницу.

raman

29.04.10 8:20 am

Very excellent tutorial man.very simple steps and best.Thanks for sharing

давайте я попробую помочь. что бесконечны речь идет

chris

03.05.10 10:19 pm

It was good

chris

03.05.10 10:20 pm

this tripped me out it was crazy

ASTRAL

01.06.10 10:29 am

TNX!
COOL TUTORIAL AND SO FAST !

kelsikkema

11.06.10 10:24 pm

wonderful tutorial – thanks for sharing!

Ekios

14.06.10 11:51 am

Well, I usually never let any comments on tutorials website but hey, for this one … damnit, it’s easy, quick, and good !! thank you !

Great effect with such a small amount of steps to achieve. Thanks for the tutorial!!!

great tutorial. Thanks

Brighteyes

29.06.10 10:16 pm

Thanks for this. Such an easy tutorial with a great effect!

Great Tutorial. Thanks.

Barbara

02.07.10 3:17 pm

easy to follow. Beautiful result. Thanks

syaftome

22.08.10 12:23 am

nice effects…
its the simplicity that leads to much more complex pictures…
thanks btw…

 

Trackbacks

  1. Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Tutorials | Smashing Magazine
  2. Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Blog
  3. Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects at 企鹅集散
  4. + + INSIDE INVITRO + +
  5.   photoshop只要8歩制作精美炫光水平线 by 爱跑-edi run
  6. 视觉志 | Vision Zine » [设计]光线条系列教程一
  7. Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Freelancer Fire
  8. BEST ADOBE TUTORIALS | Web design, web 2.0, Website Design, Graphic Design, Logo, Loans
  9. Lines tutorial | White Sands Digital
  10. Photoshop Light Effects Tutorials « <title face=’m i r O N E’</title>
  11. 26 Tutoriales con efectos de Luz — THO Project
  12. wsgraphics : Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects
  13. So many photoshop tutorials! | Tadd Mencer
  14. 53 Killer Photoshop Illustrator Effects and Tutorials
  15. 53 Killer Photoshop Illustrator Effects and Tutorials | SEO & Web Design
  16. Tutorial de lineas coloreadas | Isopixel
  17. teddY-risatioN™ » Designing is Fun - a Wordpress Poster
  18. Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects « exdez
  19. 49 Photoshop Illustrator Effects and Tutorials - iyiZ.coM
  20. 奋斗中的胖子 : 线条的教程
  21. 奋斗中的胖子 : photoshop发光线条教程集
  22. Best Photoshop Illustrator Effects and Tutorials - The Arts Lab TurkeY
  23. Web Design Tutorial. | 7Wins.eu
  24. Grafik tasarım üzerine herşey » Günlük Arşivi » Photoshop Dersler
  25. Sky Blog: Design Magazine » Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects
  26. Создаём линии » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков
  27. Best Design Resources of June 2008 | CrazyLeaf Design Blog
  28. JuanSantos.info » Blog Archive » Linhas transversais coloridas
  29. CLD Tutorials » Design News » Best Design Resources of June 2008
  30. Photoshop Dersler |
  31. Photoshop Dersleri on Grafik Hocam
  32. PS Tutorials - Rainbows, Glows and Light Effects
  33. 77 Essential Photoshop Techniques for photo-realistic Textures | Beeex.net
  34. webARTz | Linhas coloridas no Photoshop CS3
  35. Tutorial de Photoshop para crear un espectro de color con patrón de líneas | Blog Image & Web Solution
  36. 45 Explosively Colorful Photoshop Effects - PSDTUTS
  37. PhotoShop » Blog Archive » 45 Explosively Colorful Photoshop Effects
  38. Resistor Conspiracy
  39. Photoshop Tutorial Regenbogen-Streifen erstellen » » pixey.de
  40. BilgisayarCafe.com - Web Tasarımı , Programlama ve Grafik Dersleri - PhotoShop’ta Renkli Çizgiler :
  41. Photoshop Light Effects (FX) Tutorials « JoshuaCreative
  42. Photoshop урок на giackop | Создание раскрутка сайта | Все о разработке сайтов от Админа!
  43. Web_dy » Blog Archive » Les Jobs en stage
  44. 77 Essential Photoshop Techniques for creating photo-realistic Textures
  45. 12 Photoshop Tutorials: Awesome Light Effects « Daily Dose of Design
  46. photoshop发光线条教程集
  47. Bookmarks for Enero 3rd from 15:06 to 15:51 | FACIL TUTORIALES
  48. Rainbow Lines Tutorial | Phirebase
  49. ” Photoshop урок на giackop - Блог о графике и дизайне
  50. Retro Rainbow Tutorials and Design Showcase | Design Showcase | Smashing Magazine
  51. jeremiahnellis.com » Blog Archive » Retro Rainbow Tutorials and Design Showcase
  52. Feed It » Blog Archive » Retro Rainbow Tutorials and Design Showcase
  53. 复古彩虹教程及设计展 | Design Park
  54. Retro Rainbow Tutorials and Design Showcase « ” Catatan ilmiah Erwin “
  55. Efecte de lumina | ICEwave GFX
  56. Flu-Id » Blog Archive » New background
  57. 30 Best Photoshop Abstract Effect Tutorials | Arts Origin Blog
  58. photoshop发光线条教程集 | John·s Blog
  59. 53 tutoriais matadores de photoshop | cleisoncarlos.com
  60. 愚痴る « hal’s Playground
  61. 145 Ultimate Round-Up Of Photoshop Tutorials and Resources | Tutorials | instantShift
  62. 145 Ultimate Round-Up Of Photoshop Tutorials and Resources | KolayOnline
  63. 53 Killer Photoshop Illustrator Effects and Tutorials | www.my2tech.com
  64. 145 Ultimate Round-Up Of Photoshop Tutorials and Resources « 3dsmax tutorials
  65. 53 Killer Photoshop Illustrator Effects and Tutorials | Webmaster Tips
  66. Make Photo Film Strip With Photoshop - Photoshop Website - Tutorials,Brushes & more..
  67. 火星人 » Blog Archive » Photoshop Light Effects Tutorials
  68. Tutorial Collection #1 :: koikoikoi.com - Visual Arts Magazine, graphic design, illustration, photography, interviews, inspiration, tutorials
  69. Tutoriales Photoshop+Illustrator de gran calidad | Tutoriales y Recursos
  70. Retro Rainbow Tutorials and Design Showcase | 9Tricks.Com - Tips - Tricks - Tutorials
  71. 小亮博客 » 最新photoshop特效教程合集
  72. Vibrant Colorful Rainbow Lines made very easy with Photoshop | Daily Design Arena!
  73. 彩虹线教程 - 收集分享互联网资源!
  74. photoshop光效果教程资源 - 收集分享互联网资源!
  75. Living the dream » Blog Archive » photoshop光效果教程资源larens
  76. 前端设计 – 专注于网站前端设计与前端开发 » photoshop光效果教程资源
  77. 15 Abstract and Lightning Tutorials | PSDMaterial
  78. PS Merkezi » Blog Archive » 45 Explosively Colorful Photoshop Effects
  79. 30 Useful Abstract Photoshop Design Tutorials « Flash Criminals
  80. 30 Useful Abstract Photoshop Design Tutorials | The New Drop
  81. 30 Useful Abstract Photoshop Design Tutorials - Noupe
  82. 彼岸(Into the wild) » Blog Archive » Useful Abstract Photoshop Tutorials

Leave a comment

My last Tweet

blog (12)
css (1)
font (2)
freebies (9)
graphic (27)
illustrator (12)
inspiration (17)
photoshop (26)
projects (2)
shop (1)
t-shirt (3)
tutorials (30)

WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.

Flickr