Page 1 of 3 123 LastLast
Results 1 to 10 of 27
  1. #1
    Member
    Join Date
    Aug 2016
    Posts
    39
    Post Thanks / Likes
    Mentioned
    0 Post(s)
    Activity
    Points
    156
    Level
    4
    Lv. Percent
    58.2%
    Achievements Qualified to FreelanceSprout

    Torn fabric effect

    Hey all, I'm working on a design for a friend. He is wanting a design to look like it is torn or ripped that reveals another design underneath. I'm using an inner shadow to give it some depth, but my friend thinks it looks like the tear is raised up over the design. Does that make sense? Basically I think I'm looking for an embossed look, I think. Does anyone have any pointers that will help me enhance the effect?
    Attached Thumbnails Attached Thumbnails Torn fabric effect-sleeve_mock-jpg  


  2. #2
    Guru
    Join Date
    Jan 2016
    Posts
    738
    Post Thanks / Likes
    Mentioned
    61 Post(s)
    Activity
    Points
    4,626
    Level
    21
    Lv. Percent
    41.94%
    Achievements World FamousScript WriterConversation StarterQualified to Freelance
    Awards Challenge CreatorChallenge Winner

    Re: Torn fabric effect

    I dont know if i understand what you're looking for, my english is limited XD.

    I think is a little too much, i went for a more natural look, its a fast example and only one arm (i'm a little tired right now)

    Torn fabric effect-sleeve_mock2-jpg

    Cheers!

    BTW: i think you need to add some light and shadows on that blue texture for realism.
    Last edited by Argos; 01-22-2017 at 05:23 PM.

  3. #3
    Power User
    Join Date
    May 2014
    Location
    New York City
    Posts
    373
    Post Thanks / Likes
    Mentioned
    24 Post(s)
    Activity
    Points
    2,059
    Level
    15
    Lv. Percent
    4.98%
    Achievements FamousProfessional PosterQualified to FreelanceConversation Starter
    Awards Photoshop Guru - Award nomination from Eggy accepted.Scholar

    Re: Torn fabric effect

    A few suggestions:
    1. Do a Google image search of 'torn fabric' to get some real examples to try to copy (such as the image below).
    2. I think your attempt is too uniform, which does make the tear look like it's floating above the arm. The inner shadow is the same all the way around and the white edge is too "clean". Rather than using the canned effects in photoshop (inner shadow; stroke; etc.), try manually drawing them yourself, making them lighter in some places and heavier in other places. Also try to draw some fraying effects such as loose threads or places where the original material is not fully torn apart.
    3. Try to match the lighting of your effect with the lighting of the subject. If you look carefully at the subject's face, he seems very evenly lit from all sides. There are almost no shadows, and the ones under his eyes and jaw are barely there. Therefore the shadows on your tear effect should be similar. In your example, I think your inner shadow and white stroke are both too intense and too well-defined. Perhaps if you reduce the intensity of both by 60% or more it will start to look more realistic.


    Torn fabric effect-fabric-jpg

  4. Likes Argos, fredfish, danman03 liked this post
  5. #4
    Member
    Join Date
    Aug 2016
    Posts
    39
    Post Thanks / Likes
    Mentioned
    0 Post(s)
    Activity
    Points
    156
    Level
    4
    Lv. Percent
    58.2%
    Achievements Qualified to FreelanceSprout

    Re: Torn fabric effect

    Thanks for the tips. What I'm doing is just a quick mockup of what the arm sleeves would look like with the torn effect, I don't really need the shadows to match up across the image. The guy is basically just a model. This image won't be used for anything else other than showing my friend my design. I'm just having a hard time with blending the tear in with that digital camo pattern. This is kind of the effect I am going for, just with out all of the extra rips. I just want 1 long tear down the arm.Torn fabric effect-superman-jpg

  6. #5
    Member
    Join Date
    Aug 2016
    Posts
    39
    Post Thanks / Likes
    Mentioned
    0 Post(s)
    Activity
    Points
    156
    Level
    4
    Lv. Percent
    58.2%
    Achievements Qualified to FreelanceSprout

    Re: Torn fabric effect

    I did make this mock up and I think it looks really good and I want to give it the same look with the digital camo, but I just think the pattern is making it hard for the shadows to show.



    Torn fabric effect-arm-jpg
    Last edited by danman03; 01-22-2017 at 05:57 PM.

  7. #6
    Administrator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    12,668
    Post Thanks / Likes
    Mentioned
    454 Post(s)
    Activity
    Points
    54,251
    Level
    58
    Lv. Percent
    95.06%
    Achievements Love GuruAdvocateQualified to FreelancePost Guru
    Awards Challenge CreatorChallenge WinnerScholarPhotoshop Guru

    Re: Torn fabric effect

    Hello and welcome to PSG.

    In the first image that you posted, I don't think the problem is with the tear effect, I think it's the camo. It does not look natural. It looks pasted on.

    Can you post the original image that you started with, before you added the camo?

    Refresh your page to see replies!


  8. #7
    Member
    Join Date
    Aug 2016
    Posts
    39
    Post Thanks / Likes
    Mentioned
    0 Post(s)
    Activity
    Points
    156
    Level
    4
    Lv. Percent
    58.2%
    Achievements Qualified to FreelanceSprout

    Re: Torn fabric effect

    Here is the original image and the pattern I used. I tried making my own template, so that could be why it doesn't look natural or real.

    Torn fabric effect-6021-zoom-neon-green-jpgTorn fabric effect-blue_camo-jpg

  9. #8
    Administrator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    12,668
    Post Thanks / Likes
    Mentioned
    454 Post(s)
    Activity
    Points
    54,251
    Level
    58
    Lv. Percent
    95.06%
    Achievements Love GuruAdvocateQualified to FreelancePost Guru
    Awards Challenge CreatorChallenge WinnerScholarPhotoshop Guru

    Re: Torn fabric effect

    Thanks.

    I'm working on a version to show what I would do...............but I keep getting interrupted! Life ya know!

    I'll post when I can.

    Refresh your page to see replies!


  10. Likes danman03 liked this post
  11. #9
    Member
    Join Date
    Aug 2016
    Posts
    39
    Post Thanks / Likes
    Mentioned
    0 Post(s)
    Activity
    Points
    156
    Level
    4
    Lv. Percent
    58.2%
    Achievements Qualified to FreelanceSprout

    Re: Torn fabric effect

    No worries. Thanks for the help!

  12. #10
    Administrator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    12,668
    Post Thanks / Likes
    Mentioned
    454 Post(s)
    Activity
    Points
    54,251
    Level
    58
    Lv. Percent
    95.06%
    Achievements Love GuruAdvocateQualified to FreelancePost Guru
    Awards Challenge CreatorChallenge WinnerScholarPhotoshop Guru

    Re: Torn fabric effect

    OK, this was done really fast so it's not perfect.

    The first thing I did was to isolate the two sections of the sleeve and place them on their own separate layers.
    I then used Free Transform to size the digital camo to scale and duplicated the scaled version several times.

    For the forearm I then used Puppet warp to bend one of the duped camo layers around the natural curves of the arm.
    (note: I lowered the camo layers opacity so I could see through it)
    Torn fabric effect-screen-shot-2017-01-22-8-52-27-pm-png

    I then clipped this layer to the forearm layer and restored the opacity back to 100%.
    Torn fabric effect-screen-shot-2017-01-22-9-06-08-pm-png

    I repeated the process for the Bicep area.
    Torn fabric effect-screen-shot-2017-01-22-9-04-58-pm-png
    Torn fabric effect-screen-shot-2017-01-22-9-05-25-pm-png

    Combined. Already it looks better.
    Torn fabric effect-screen-shot-2017-01-22-9-08-26-pm-png

    Then I added a new layer on top for the shading.
    By Cmd/Cntrl + clicking the layer mask of the forearm, I created this selection.
    Highlighting the Shading layer, I then used the Brush Tool to add in shading.
    Torn fabric effect-screen-shot-2017-01-22-9-10-59-pm-png

    By Cmd/Cntrl + clicking the layer mask of the Bicep, I created this selection.
    Highlighting the Shading layer, I then used the Brush Tool to add in shading.
    Torn fabric effect-screen-shot-2017-01-22-9-12-45-pm-png

    And here's a much more believable starting point for the tear effect.
    These sleeves look more real than just pasted on.
    Torn fabric effect-screen-shot-2017-01-22-9-15-28-pm-png

    Torn fabric effect-screen-shot-2017-01-22-9-30-46-pm-png

    Refresh your page to see replies!


  13. Likes Argos, gedstar, Eggy liked this post

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About Photoshop Gurus
Photoshop Gurus (PSG) is a friendly community of designers and artists who enjoy all things related to Photoshop. PSG can consider itself one of the oldest Photoshop sites and has recently had it's 10th anniversary. We've come a long way and have every intention to continue supporting the Photoshop community. Photoshop can be an overwhelming program for beginners and that's how we try to help. We have a friendly forum, tutorials and all resources to help you understand this wonderful program. Feel free to look around and if you have any questions, don't hesitate to ask. Happy browsing!