Now: Tutorial for Web and Software Design > Photoshop > Web Layout > Photoshop Content
> Mosaic Header [Bookmark it]
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


[Bookmark][Print] [Close][To Top]
  • Prev Article-Photoshop:

  • Next Article-Photoshop:
  • Related Materias
    Retrostyle
    Realistic Spotlight Effect
    Smooth Button (video tutor
    Professional Web Host Layo
    Smooth Shapes (vieo tutori
    Turning A Sliced Image Int
    Camo Signature
    Realistic Microphone in Ph
    Creating A Basic Web Layou
    PhotoShop - Tech Lines
    Topics
    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
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial