Background from:
www.SubtlePatterns.com

The techno effect

17 February 2011



1
After making a new document (in this example 350x350 pixels) you find "Channels" view by clicking the tab "channels" at the top of your layers-view (press F7 if you don't see the layers overview). Add a new channel to the channel overview by clicking the "create new channel" button at the bottom of the overview.



2
Select a big brush and make a nice smooth shape in this channel. I made a simple stroke, but this could be any shape you want.



3
This is my shape:



4
Make sure you have selected the channel with your shape and select the "Color Halftone" effect in the effectoverview.



5
The default settings are ok. Make sure they match these settings:



6
If everything is ok you'll get something like this:



7
Get back to the layeroverview and create a new layer.



8
Load your selection in the new layer like this:



9
Select the channel in wich you drew your shape and click OK.



10
You'll get the following selection:



11
Choose a color and fill the selection with this color (i choose light blue). This is easilly done by pressing CTRL-BACKSPACE on your keyboard.



12
To make thing even cooler, you can add an "inner shadow" layer effect. Add a layer effect by right-clicking on the layer and choosing "Blending Options...". Use these settings:



13
This will be your result:

Johan van Tongeren headshot

About the author

This post was writen by Johan van Tongeren, owner of this website. Johan is a professional frontend developer and an amateur petrolhead. This website is his personal playground which changes almost every day. More...

You must have JavaScript enabled to use this form!

Did you enjoy this post?

Please leave me some feedback!

  1. Don't worry, it's only used for gravatar. I will never ever sell your address!
Page 1 from 2
Previous page | Next page

32 comments

  1. gravatar

    hugo alberto velasquez


    15February2012

    Muy buen efecto
    Si puede enseñar como se hace un efecto podot

  2. gravatar

    laura


    01October2011

    gracias. me sirvio mucho para hacer el diseño de una chapa perforada! mil gracias

  3. gravatar

    FreeDXF.com


    30August2011

    Very cool design and simple,
    can you check my free site: http://freedxf.com

  4. gravatar

    DARLA


    22July2011

    If U could provide the Layer styles of the effect, It would have been very useful.
    Greak Work.

    Thank You

  5. gravatar

    ahmed billasharam


    16July2011

    this is my best tutorial i ever had

  6. gravatar

    Surendra Singh_701


    29January2011

    Very good Shapes & good your knowledge!

  7. gravatar

    waldys


    22January2011

    Your site is very helpful and easy to follow. Nice going on your designs, thanks for your help and sharing your knowledge!

  8. gravatar

    dev


    25November2010

    nice really intresting , , ,

  9. gravatar

    Khoa Nguyen


    24September2010

    I got a problem in step 4, I selected the channel Alpha1 but can not find the Filter Pixelate > Color Halftone. The Pixelate is disable :"(
    Please more specifics...

  10. gravatar

    mohannad


    28August2010

    man i have a problem in step 4

  11. gravatar

    Abhinow


    20May2010

    One of the coolest and easiest text effect! Really great

  12. gravatar

    Unknown author


    03May2010

    thanks a mil, very easy to follow, nice effect!

  13. gravatar

    MTM SUHAIL


    28April2010

    EXCELLENT.. I am intrested to join your works.. all the best

  14. gravatar

    Aldo


    01April2010

    Hey, really nice and easy to follow! Thaankksss! keep uploading helpful tuts like this one!

  15. gravatar

    Jorne


    10March2010

    Thanks for the tutorial ! It was easy to follow :)

  16. gravatar

    miguel


    02December2009

    sabiendolo usar es bastante útil, gracias

  17. gravatar

    fred


    16October2009

    pues si me salio esta muy bien el tutorial thanks!!

  18. gravatar

    Cyril Doromal


    25August2009

    have been so long time to find this kind of text effect. at last i will found it! thanks this tutorial i had learn much more!!!!!!

  19. gravatar

    AlexIts am


    03June2009

    Its amazing How would you do to insert a picture instead of a color ?

  20. gravatar

    oscar Castrejon Alonso


    25March2009

    excelente, igual tenua tiempo buscando esto. gracias

Page 1 from 2
Previous page | Next page