January 26 - Duotone Technique

Discussion in 'MOC 2019 Challenges' started by ashleywb, Jan 26, 2019.

  1. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    Welcome to day 26! The end is in sight - which is both kind of exciting and kind of sad. I hope you enjoy today's challenge which incorporates a photo coloring technique.

    I sometimes look to the graphic design and advertising world for scrapping inspiration. One trend I've seen in both web design and print is the use of bold two-color images. There's a word for these images: duotone.

    Here are some examples:
    images.jpeg images-3.jpeg images-2.jpeg

    Duotone is just what it sounds like - an image composed of two colors. Historically, duotone images were created on printing presses using 2 shades of one color, or black and one tint. In the digital age these images have branched from the traditional print technique to also using two complementary colors or two contrasting colors.

    Your challenge today is to scrap a photo that you have converted into a duotone image. As with most things in scrapbooking, there are multiple ways to achieve the effect. Today I will show you how to get the look using gradients. I am using Photoshop CC.

    So, Let's get started.

    First choose your photo. A fairly simple photo with high contrast is probably going to be your best bet. I selected a photo I took of my daughter playing her violin. You may want to make a copy of your photo and hide the copy before you start working.

    DUOTONE 01 - menu.png

    1. Pull your photo into your workspace. With the photo layer highlighted Go to the Layer menu and choose New Adjustment Layer - Gradient Map.

    DUOTONE 02 - ok gradient.png

    2. You'll get this little dialogue box. Just click OK.

    DUOTONE 03 - gradient slide.png
    DUOTONE 03b - close up menu.png

    3. Once the layer is created, double click on the gradient scale in order to manipulate the colors.

    DUOTONE 04 - chose colors.png

    The gradient editor will open. There are four boxes - one each at the corners of the gradient scale. We will be using the bottom boxes. By clicking on the bottom left one I can select a color to replace black (for the darker portions of my photo). Clicking on the bottom right square allows me to choose a color for the highlights in the photo. It's pretty fun to play around with the color combinations.

    continued...
     
    Last edited: Jan 26, 2019
    G.J. and Vrielinkie like this.
  2. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    DUOTONE 06 first color.png

    4. Click on the bottom left square of the gradient scale and choose a color.

    DUOTONE 08 second color.png

    5. Repeat the process for the bottom right square.

    6. You can grab either of those two boxes and slide them along the scale to create the look you desire.

    * If you are not getting the look you want, try a different photo. Remember to keep it simple and use a photo with high contrast.

    Here's what my photo looked like once I finished playing with the sliders:

    final-photo-web.jpg
    Here is my page:

    MOC-19.26-duotone_small-web.jpg

    Here are the Challenge Requirements:
    1. Convert a photo to duotone and scrap it. You may have multiple photos on the page, but one must be a duotone photo.
    2. You may use black OR white as one of your colors, but not both black AND white. While black & white may technically be duotone, the point here is to try something new.

    Gradient maps are available in PSE and Artisan. @JillW has created the look in Corel Paint Shop Pro. If you have questions about your software capabilities, post here and hopefully we can get fellow scrappers to offer assistance.

    As a last resort: There are free duotone converters on-line. I tried this one successfully: https://medialoot.com/duotones/

    Additional Tip for Creative Cloud users:
    Photoshop actually has a duotone converter. I chose not to go that route, but if you want to try it there are two steps:
    1. convert your photo to grayscale. Go to Image >>Mode>>Grayscale
    2. convert to duotone. Go to Image>>Mode>>Duotone

    As with all MOC challenges:
    Your page must be a new page in order to count for the Month of Challenges. Your page must be posted in three places:
    1. Uploaded to the TLP Gallery (not an outside hosting site).
    2. Posted in your page thread you created in the MOC Layouts Folder. You should have one post per completed challenge page. If you complete all 31 challenges, your thread should contain 31 posts. Please do not comment in the participants’ page threads so we can keep them clean.
    3. Posted in this thread. People can comment here if they wish.
    Pages should contain at least 75% current Lilypad product (currently for sale in the store from either permanent designers or guest designers).

    Ok, that's a lot of information! I hope you have fun with this. Can't wait to see your pages.
     
    Last edited: Jan 26, 2019
  3. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    Updates and clarifications will be posted here as needed.

    Q. Is it permissible to change the photo to black & white first.

    A. Yes, you may change the photo to black and white as a step in the process. However, the final photo must have color (two colors). One of those colors can be black or white.

    Q. Is further editing of the photo permitted?

    A. Yes, blending and other techniques are OK as long as the duotone technique is obvious. Please, try to keep with the spirit of the challenge - 2 colors clearly evident in your converted photo.
     
    Last edited: Jan 26, 2019
  4. Aerobigirl

    Aerobigirl Well-Known Member

    Messages:
    1,319
    Joined:
    Nov 20, 2016
    I can't see any of the samples.
     
  5. michele hillam

    michele hillam Loading up the bookmobile

    Messages:
    1,263
    Joined:
    Nov 22, 2016
    I don’t see you pictures
     
  6. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    Hmm, ok. Let me work on that.
     
  7. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    How about now?
     
    A-M and amien1 like this.
  8. amien1

    amien1 I do enjoy a good exclamation point!

    Messages:
    4,112
    Joined:
    Dec 14, 2015
    I see everything now! :)
     
    ashleywb likes this.
  9. Smileark

    Smileark Well-Known Member

    Messages:
    660
    Joined:
    Dec 28, 2015
    all of them show now for me. Thank you!
     
    ashleywb likes this.
  10. michele hillam

    michele hillam Loading up the bookmobile

    Messages:
    1,263
    Joined:
    Nov 22, 2016
    Thank you! They are working now!
     
  11. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    Great! Sorry about that!
     
    amien1 likes this.
  12. A-M

    A-M Not a lot of hustle in my hustle anymore

    Messages:
    3,777
    Joined:
    May 3, 2016
    These are the challenges I find the hardest with knowing what photo I should choose to work with. I have been doing some playing and I want to make sure about what I am doing.
    Before I add the adjustment gradient etc.... I have changed my photo to black and white and like the look of what I am achieving.

    My question: is it permissible for the challenge to change the photo to black and white first ?
     
    Genniejoy likes this.
  13. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    Yes, you can change to black & white as one step in the process. But your finished product should include color. Black or white can be one of the colors. Does that make sense?
     
    A-M likes this.
  14. bonnenuit

    bonnenuit Why do I always have to be Captain?

    Messages:
    3,739
    Joined:
    Dec 22, 2015
    I'll be interested in seeing any Artisan tips on how to use the gradient on a photo.
     
    Genniejoy likes this.
  15. Cherylndesigns

    Cherylndesigns All glasses should be bigger than 1.5 oz

    Messages:
    8,406
    Joined:
    Dec 15, 2017
    Looks like fun. I'll have to play tomorrow. :)
     
  16. A-M

    A-M Not a lot of hustle in my hustle anymore

    Messages:
    3,777
    Joined:
    May 3, 2016
    Judy, not sure if this will help but I just found this through a google search for Artian:

    How to Fill with a Gradient
    1. Select the element in which you want to fill.
    Note: " style="box-sizing: border-box; margin-bottom: 8px; margin-top: 8px; background-repeat: no-repeat; background-image: url("../../Images/help-hint.png"); border-style: solid; border-width: 1px; border-color: rgb(176, 196, 222); color: rgb(105, 105, 105); border-radius: 6px; padding: 10px 10px 10px 40px; background-color: rgb(255, 239, 213); font-family: Arial; font-size: 16px;">Note: Only simple images can be filled. If you try to fill a complex image, you will be prompted by Artisan to flatten the image. See Flattening an Image for more information.

    1. Click the Format ribbon tab, then click Gradient from the Fill section.
      The Gradient dialog box appears, listing the available gradient options.
      [​IMG]
    Option

    Description

    Two Color
    Allows you to choose two colors to blend. Each color must be selected separately (click OK to select the second color).

    [​IMG]

    Straight
    Allows you to choose two or more colors to blend in a straight pattern. Click the tabs on the slider to pick a color for each. You can also add new tabs. The More Blend Options allows you to choose from pre-designed blends.

    [​IMG] [​IMG]

    Radial
    Allows you to choose two or more colors to blend from the center out in a circle pattern. Click the tabs on the slider to pick a color for each. You can also add new tabs. The More Blend Options allows you to choose from pre-designed blends.

    [​IMG] [​IMG]

    Rectangle
    Allows you to choose two or more colors to blend from the center out in a rectangle pattern. Click the tabs on the slider to pick a color for each. You can also add new tabs. The More Blend Options allows you to choose from pre-designed blends.

    [​IMG] [​IMG]
     
    ashleywb likes this.
  17. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
  18. bonnenuit

    bonnenuit Why do I always have to be Captain?

    Messages:
    3,739
    Joined:
    Dec 22, 2015
    Yes, this I know. The key word in this is FILL. It does not recolor a photo, it fills it with a color gradient and no photo image is there.
     
  19. KairynLisa

    KairynLisa Wouldn't make it as a fighter pilot

    Messages:
    598
    Joined:
    Dec 31, 2015
    Oooh! This sounds crazy fun! I've never done anything like this...I have PSE 7, but your tutorial looks like I should be able to do it! Thanks so much! Can't wait to play tomorrow!
     
    ashleywb likes this.
  20. ashleywb

    ashleywb Sand in my toes

    Messages:
    8,833
    Joined:
    May 2, 2012
    Oh, I see what you mean. Maybe @BevG can weigh in on this?
     

Share This Page