Mosaic Header

1. Open your header for your website, in this tutorial we just used a background.

image 1

2. Click Layer > New > Layer from background - which basically makes the background unlocked

3. Next, hit Image > Canvas size, and make your height twice as high as it was.

image 2

4. Grab the polygonal maqruee tool, and make a triangular selection (hold shift whilst doing the diagnol bit, as it gives you an exact 45* angle)

5. Hit delete, to get rid of the selection

image 3

6. Hold CTRL and press D to deselect, and with the polygonal marquee tool, make a bigger selection (see image) quite a way up the side and the bottom.

image 4

7. Click Selection > Feather - and feather it about... 30px

8. Next, Filter > Pixelate > Mosaic - and give it a cell size of 5 - hit OK

9. Click Filter > Pixelate > Mosaic, another 2 times

10. Filter > Sharpen

image 5

11. Set your background colour to a colour, that you would have if the image was blank. for our example, we might choose light blue, or white.

12. Click Image > Canvas size - and make the height a half of waht it now is.

13. Layer > New > Background from layer (which should give you that background colour)

14. File > Save

Mosaic Header Tutorial: Final Result


Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > Web Layout > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction