SitePoint Sponsor

User Tag List

Results 1 to 24 of 24

Thread: Image Smear

  1. #1
    Non-Member Frozentoast's Avatar
    Join Date
    Apr 2002
    Location
    Manchester, UK
    Posts
    4,758
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)

    Lightbulb Pixel Stretch

    Pixel Stretch
    Focusing on the Marquee Tool.


    Have you ever wondered how this is done ?...

    Well actually its pretty simple and lucky for you im going to show you how its done

    1) Take a nice colourfull image from either the web or a cd (Im using one of windows XP's sample images)

    2) Crop the image so that it isnt like a backround but more in the size of a header.

    3) Go over to the marquee tool, then click and hold down the mouse button. This should bring up a few more options to choose from. Select the

    4) Once that tool is selected click just off center of the image. While the flashing dashes are there press ctrl+t.

    5) This should have made the dashes disappear and a new transform like selection appear. Now by clicking and dragging the middle square to the right/left you should see the image being smeared.


    6) Drag all the way to the end of the canvas and hit enter.

    7) Now doesnt that look sweet Play around with this technique and encorperate it in some of your images.


    - Just added the wave filter before anyone asks =)

    Did you enjoy this?
    Last edited by FrozenToast; Jun 15, 2004 at 04:02.

  2. #2
    Phil fillup07's Avatar
    Join Date
    May 2002
    Location
    Jacksonville, FL
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Very nice! Thanks

  3. #3
    busy Steelsun's Avatar
    Join Date
    Mar 2001
    Location
    Houston, Tejas; Future Capital of the World
    Posts
    2,474
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nice and simple way to do an effect that looks complex.

    Thanks for posting it!
    Brian Poirier
    SunStockPhoto: Stock Photos, Fine Art Photos, Event Photography

  4. #4
    SitePoint Member
    Join Date
    Aug 2002
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That was cool.. I'll have to try that one!

  5. #5
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks

    I like what your doing in these forums!
    Garlic bread, I've tasted it, it's the future

  6. #6
    Non-Member Frozentoast's Avatar
    Join Date
    Apr 2002
    Location
    Manchester, UK
    Posts
    4,758
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Thanks for the comments, they are much appreciated as they encourage me to make more contributions to the forums.

    Andy

  7. #7
    SitePoint Evangelist -T-'s Avatar
    Join Date
    Jun 2002
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Isn't this tech. called Pixelstreach??
    chrome is a wrapper that combines a browser with spyware

  8. #8
    Cult Space-Monkey Impulse's Avatar
    Join Date
    Jun 2002
    Location
    Calgary, AB
    Posts
    347
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm sure it can be called whatever you want it to be called.
    kyle//at//retorikmedia//dot//com

  9. #9
    SitePoint Enthusiast
    Join Date
    Sep 2002
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you have a tutorial that covers the LEFT part of the image you posted? =)
    This one:
    http://www.frozentoast.com/funky.gif

  10. #10
    Pluxus. Fred2D's Avatar
    Join Date
    Jun 2003
    Location
    EU, Sweden
    Posts
    362
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Gah! I was having thoughts about doing a tutorial about this method!

    Though, it's very nice and very fun. This is how I make my personal wallpapers. Check my wallpapers in the portfolio of mine.
    It's the same method.

    Great turorial!

    *Dont call me a gravedigger because I found this link in a signature and decided to post. Sorry?

  11. #11
    Non-Member Frozentoast's Avatar
    Join Date
    Apr 2002
    Location
    Manchester, UK
    Posts
    4,758
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Thanks

  12. #12
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    heh well this is a blast from the past. Gotta love when old posts from over a year ago arrive in your inbox.
    Garlic bread, I've tasted it, it's the future

  13. #13
    SitePoint Evangelist CapitalWebHost's Avatar
    Join Date
    Apr 2003
    Location
    Albany, NY
    Posts
    417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This technique is GREAT for creating banners that seamlessly flow with window resizing. You just take each end of a 800pt width banner and do this techniques and then slice and dice....

    Example:

    http://www.artiefishill.com/logos_bk...q/ffxihq4.html

  14. #14
    Non-Member Frozentoast's Avatar
    Join Date
    Apr 2002
    Location
    Manchester, UK
    Posts
    4,758
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Glad to see this in good use.

  15. #15
    SitePoint Zealot Maher's Avatar
    Join Date
    Mar 2003
    Location
    Somewhere Close..
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cool, this technique is almost similar to the motion blur effect.. but without the *blurry* effect

    Anyway, I had an experiment with the pixel strech + wind effect.. here's the result:

    Attached Images Attached Images

  16. #16
    »-(¯`v´¯)-» macarthur's Avatar
    Join Date
    Jul 2003
    Location
    B.K.A.C
    Posts
    2,469
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Nifty
    `·.¸¸.·´´¯`··._.·FLAMING`·.¸¸.·´´¯`··._.·
    -==׺°”˜`”°º×MONARCH׺°”˜`”°º×==-

  17. #17
    SitePoint Enthusiast
    Join Date
    Aug 2004
    Location
    Work
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's a pixel stretch.

  18. #18
    Knowledge is key 2 progression Tryst's Avatar
    Join Date
    Sep 2003
    Location
    Wales
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by frozentoast
    4) Once that tool is selected click just off center of the image. While the flashing dashes are there press ctrl+t.
    This function is quite cool. What is the name of it?

    Tryst

  19. #19
    The Mind's I ® silver trophy Dark Tranquility's Avatar
    Join Date
    Sep 2003
    Location
    KSA - UAE
    Posts
    9,457
    Mentioned
    8 Post(s)
    Tagged
    1 Thread(s)
    Very very nice one Frozen
    Well detailed and really useful thanks
    used to see DNA Smears with electrophoresis ! this time I am seeing graphic smears

  20. #20
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Very useful tute Andy!

  21. #21
    Non-Member Frozentoast's Avatar
    Join Date
    Apr 2002
    Location
    Manchester, UK
    Posts
    4,758
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Good to know one of my tutorials is still being used

  22. #22
    SitePoint Addict bcr's Avatar
    Join Date
    Dec 2004
    Location
    Perth, Australia
    Posts
    318
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Simple and effective tutorial, good job!

  23. #23
    SitePoint Addict SilentBobSC's Avatar
    Join Date
    Mar 2005
    Location
    South Carolina
    Posts
    226
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Indeed, kudos!

  24. #24
    SitePoint Enthusiast mr.dutch's Avatar
    Join Date
    Oct 2004
    Location
    Kobe, Japan
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    nice and easy .. thanks this is my quike thing..
    Attached Images Attached Images
    • File Type: jpg 3.jpg (127.6 KB, 31 views)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •