Jump to content
You must now use your email address to sign in [click for more info] ×

Photo: How to color overlay 2 colors (light & dark) for sepia effect?


Recommended Posts

Hi there,

I have 3 branding colors (1 main accent, one near white and one near black).
In my video editor I found an option to set a different color for the light and the dark tone independently.
So I set 2 of my colors, set the saturation and the intensity each to 50% - voila, loved the result.

Now I want to do the same to my photos for branding reasons.
So I tried all the options I could find (including the colorize function with the 2 sepia presets) but didn't get really close.
How can I do this in Affinity Photo?

Thanky ou for your help,
Andi

PS: My exact colors are

  • vintage white: #FCF9F2 / 252 249 242 (instead of plain white)
  • beige: #DEB887  /  222 184 135
  • dark brown (instead of plain black): #35211D / 53 33 29.

223561264_CamtasiaFarbtonAffinityPhoto.jpg.838b4729f3e349bba098bc2da956546e.jpg

Link to comment
Share on other sites

  • Staff

@Andi Saitenhieb You may want to try using only one Gradient Map layer, as shown below - 

 9849daae614959af9d9d64aca62c784d.gif

Please note -

I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time.

Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible.

Many thanks!

Link to comment
Share on other sites

A further suggestion - convert the image to greyscale, adjust brightness and contrast to give a 'punchy' black and white image, convert back to RGB, then apply a Gradient Map.

Don't use the "Lighter Colour" and "Darker Colour" blend modes. Use a single Gradient Map, with the blend mode set to Normal, with your darker colour set to the left-hand end and your lighter colour set to the right-hand end.

I've attached an .afphoto file with the history saved and using your two colours - hope it's close to what you want.

brugge_sepia.jpg.752af832cbbb81e766c02fb62d3efe79.jpg

 

ADD: To explain a little further - the Gradient Map adjustment maps the left-hand blob (your brown) to the darkest (black) pixels in the original, and the right-hand blob (your beige) maps to the lightest (white) pixels. Pixels with intermediate tones (greys) map to the intermediate tones in the gradient map. That's why I would suggest converting to greyscale and adjusting brightness and contrast - the more contrast in the original, the better the sepia-toned image will appear. If there are no blacks in your original, there will be no dark browns in the sepia-toned version. Likewise with whites.

 

brugge_sepia.afphoto

Edited by h_d
Added a bit of explanation.

Affinity Photo 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
Share on other sites

@David in Яuislip @Dan C @h_d  Thanks again to everybody! I had to fiddle with the opacity in the Gradient Map, now I am really satisfied with the result! 🙂

Final question: Where can I fine tune the saturation? I didn't find that knob / option.

Camtasia:

1877299084_LogoYouTube2020v2QuadratVINTAGECamtasia.jpg.e6f566089132d5a51596d22236b5cc06.jpg

Affinity Gradient Map with 3 points, 50% Opacity

1451382182_LogoYouTube2020v2QuadratVintage3pointAffinity.jpg.958145b8e462acdef6eb860a6d68a018.jpg

Original photo:

1549364770_LogoYouTube2020v2Quadrat.jpg.294e7d3e4fff2a49d3d038c50ab123bd.jpg

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.