Transition from a solid color to a graphic

Posted on 2008-11-14
Last Modified: 2012-05-05
I have a graphic I need to make.  It's a rectangle that begins as a solid color (burgundy) and gradually transforms into a hardwood floor image.  Is this possible with Photoshop?

You're tlaking to a dummy when it comes to Photoshop, so if you could possibly help me, please realize my level.
Question by:sedberg1
    LVL 15

    Expert Comment

    I'd just place the photo of the wood floor on the stage, and then draw a rectangle shape, completely covering the wood graphic, on a new layer above the graphic. I would then set the FILL opacity to 0 so it's transparent.

    I would then go to the blending options for the rectangle shape and apply a gradient overlay. Select any 2-color gradient and then click on the gradient itself so you can edit the colors.

    From here, click on one color and find your burgandy, set the other color to the same burgandy. Now in that same window, change the opacity of one of the colors to 0% (so the first color fades to transparent). From here it's just rotating the gradient and moving the shape on the stage until it's where you want it.

    Author Comment

    told you - dummy with photoshop - i got as far as the fill to 0%.  how do I find the blending options for this layer?  And how would you apply a gradient overlay?  And how do you cilck on the gradient itsefl?
    LVL 15

    Accepted Solution

    Follow these screenshots, Let me know where you get lost on these

    Author Closing Comment

    Thank you - screenshots were very helpful

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Suggested Solutions

    Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
    In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
    In this tutorial viewers will learn how to correct colors in Photoshop using the Levels adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Levels: Select "OK" on the …
    In this tutorial viewers will learn how to select a color range in Photoshop and how to easily apply them to multiple projects. Open an image for editing in Photoshop: Open the select Color Range Selection tool by going to Select > Color Range: Sele…

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now