• Home
  • About
  • Advertise
  • Contact Us
Blue Orange Green Pink Purple

Rectangled Picture

Posted in Photo Effects. on Tuesday, March 31st, 2009 by Tutorial Park Tags: photo, photoshop, sunflower, tutorial
Mar 31

Rectangled PictureThe simple effect of breaking a picture into rectangles can be effectively used to create a cute homepage for your site. Try it out!



One of these days while looking through TemplateMoster’s vast collection I came across one or two templates with a very curious effect. The effect I’m talking about is when a single picture is comprised of smaller rectangles. Without hesitation, I decided to copy the effect in Photoshop and relate my steps in this tutorial.

For starters, we’ll need a picture, which will serve as a basis for the rectangles. I liked this sunflower one a lot.

image 1

Open it in Photoshop, go to Channels Panel and create a new channel. Select Rounded Rectangle tool in the top left hand corner and draw a medium-sized rectangle.

one

Holding down Ctrl, left click the thumbnail of channel Alpha1. After that select Move tool and holding down Ctrl+Alt+Shift use the left mouse button to move the rectangle to the right. You should get a thin black 4pixel line between the rectangles.

two

Repeat the procedure until you have the line filled with rectangles.

line

Holding down Ctrl, left click the thumbnail of channel Alpha1. After that, using the Move tool and holding down Ctrl+Alt+Shift move the rectangles with the left mouse button so that a 4pixel black line remains between the rows. Repeat this action until you fill up the whole space.

multiple-lines

Select all the white rectangles. To do this, left-click the thumbnail of Alpha1 channel while holding down Ctrl. Go back to Layers Pallete and click the thumbnail of your picture. Select the Marquee tool and move the selected area the way you want. You can also use the Transform Selection to modify the selection in your own most suited way. I liked my original selection so I decided to keep it.

image 6

After that, duplicate the selection and hide the layer containing the full picture. Here’s what you should get:

image 7

Basically, the tutorial is over. From this point on, you have no restrictions to follow you fancy. You can delete a few cells of substitute some texts/inscriptions for them, or outline them in a certain way creating menu buttons.

Rectangled Picture Tutorial: Final Result

25 Comments

  1. vannanezia on April 2nd, 2009

    hye.. i still found difficulty in understanding what apha1 is.. i hope u can help me learning about photoshop .. :)

  2. jao on April 24th, 2009

    what is alpha1????

  3. marius on April 26th, 2009

    can you come up with a better or clearer instruction. We would definitely appreciate it if you could. Thanks in advanced!

  4. kelly on May 14th, 2009

    your tutorial is blardy hard to understand.
    zz

  5. Samantha on June 10th, 2009

    Great tutorial, contrary to the others I found it extremely easy to follow and will definitely be using this technique for a few designs I have coming up.

    Thanks for this :)

  6. the ram krishna on November 26th, 2009

    i really like this ..easy to follow and the perfect ! thank you for such FREE ideas !

  7. Nulled Scripts on December 22nd, 2009

    Nice post..Keep them coming :) Thanks for sharing.

  8. Theodore Gaushas on February 17th, 2010

    Sorry for the huge review, but I’m really loving the new Zune, and hope this, as well as the excellent reviews some other people have written, will help you decide if it’s the right choice for you.

  9. PinkyPromise on July 24th, 2010

    It’s very easy to follow and have a very good outcome…
    Note to others:: If you don’t know “alpha 1″, it is the default name for the new channel that you will create. (hope it helps?)

  10. Bani on September 12th, 2010

    yes i get it. i can do this task :D nice post guys

  11. Chris on November 8th, 2010

    Hi, I thought you could have explained this a bit clearer I ended up getting this effect a bit different way (once you have your squares selected I created a new layer above my image, inversed the selection and filled it with white)
    But that is a real good tutorial. Perhaps you could do some more tutorials on using channels.

  12. chat siteleri on March 9th, 2011

    This is getting a bit more subjective, but I much prefer the Zune Marketplace. The interface is colorful, has more flair, and some cool features like ‘Mixview’ that let you quickly see related albums, songs, or other users related to what you’re listening to. Clicking on one of those will center on that item, and another set of “neighbors” will come into view, allowing you to navigate around exploring by similar artists, songs, or users. Speaking of users, the Zune “Social” is also great fun, letting you find others with shared tastes and becoming friends with them. You then can listen to a playlist created based on an amalgamation of what all your friends are listening to, which is also enjoyable. Those concerned with privacy will be relieved to know you can prevent the public from seeing your personal listening habits if you so choose.

  13. JoynerLorrie33 on June 9th, 2011

    Every one understands that men’s life seems to be not cheap, however people require money for different things and not every one earns enough cash. Therefore to get quick business loans and just commercial loan will be a proper solution.

  14. ArnoldJessica24 on June 11th, 2011

    The loans are very useful for people, which would like to organize their business. As a fact, that is very easy to get a student loan.

  15. Kohls Coupons on June 17th, 2011

    I couldn’t currently have asked for a much better blog. You happen to be ever present to supply excellent advice, going instantly to the point for easy understanding of your visitors. You’re undeniably a terrific specialist in this area. Thanks a ton for currently being there guys like me.

  16. pharmacy canada on July 17th, 2011

    Thanks for each of your efforts on this web site. Debby take interest in working on investigation and it’s easy to understand why. My spouse and i know all regarding the lively mode you give informative tips and hints through this website and as well as cause contribution from website visitors on that area and our favorite girl is certainly being taught a whole lot. Have fun with the rest of the new year. You are always doing a very good job.

  17. Cheap Jordan Shoes on August 24th, 2011

    However several of websites might consist of together with many junk e-mail facts, regarding you, it’s about time worthwhile so that you can usually appear throught within your web log that together with connotation.

  18. juicy couture tracksuits on September 21st, 2011

    first and last word for your mind blasting blog- congrats.You have in actual done a nice work

  19. Rosetta Stone on September 27th, 2011

    Thanks for sharing. A real lot of useful info here!

    These are all great comments here. Very cool article.

  20. fake rolex watches on October 7th, 2011

    SWATCH business from its founding, can be carefully by means of modern day craft. Additionally, the modern day talent homologous

  21. designer Leather Handbags on October 7th, 2011

    Piece of fabric, and even continually about widespread modern culture being a thoughtful drive, every succeeding year

  22. fake rolex watches on October 7th, 2011

    along with plumber venture replica hublot watches total funds are continually rich in taking part in this ingenious fashion, hence dull or boring Piece of fabric equally grow to be world famous clothing designer, athletes and music

  23. true religion outlet on October 14th, 2011

    Thanks for the nice blog. It was very useful for me. I’m happy I found this blog. Thank you for sharing with us, I too always learn something new from your post!

  24. hermes birkin on October 16th, 2011

    Great job. I love this. Thanks for the tutorials. Learned a lot from here.

  25. Discount Rosetta Stone on October 26th, 2011

    I believe this really is excellent information. Most of men and women will concur with you and I ought to thank you about it



Leave a Reply

Spam Protection by WP-SpamFree

Tutorial Park

  • templated business
    templated business
  • Search


  • Categories
    • Animation
    • Drawing
    • Freebies
    • Photo Effects
    • Text Effects
    • Tutorial Reviews
    • Uncategorized
  • Recent Tutorials
    • 50 Mind-Blowing Artworks Where PinUp Art Meets Typography
    • 85 Adorable Fonts Your Audience Will Love
    • 65+ Stunning Examples of Moleskine Art You Won’t Be Able to Ignore
    • 20+ Photoshop CS6 Tutorials Every Designer Should See
    • Weekly Design News – Tutorials, Freebies and Resources (N. 3)
    • The Apple School of Icon Design: Outlining Best Practices
  • Featured Partners

      Web Design Library

      Flash Templates

      Build a Website

      Web Designer

      Online Printing Services

      Cpanel Site Builder
  • Tutorial Park Tags

      angel animals Animation ball batman business car Casino Royale cat catroon design digg earth frog glass half life 2 Harry Potter hearts icon icon set James Bond jewelry logo lollypop mafia monster navigation bar photo photoshop photoshop tutorial photoshpo plastic poster quake sunflower template transformers tutorial typography vector video vintage wall-e wallpaper watercolor

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





  • Home
  • About
  • Advertise
  • Contact Us

© 2004-2012 Copyright Tutorial Park. All rights reserved.
Designed by FTL Wordpress Themes. Website promoted by SEO Software.

Back to Top