create account

Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial by lires

View this thread on: hive.blogpeakd.comecency.com
· @lires ·
$113.32
Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial
![pip.png](https://steemitimages.com/DQmZjuD3pYWVkECvdz1HZ84n9jdDzsW6WVEQrtYRHvwETFf/pip.png)

Hey you guys! Back with another tutorial. This time, we're going to render in B&W then color our artwork using **Gradient Map** in Photoshop.

Before I begin, I would just like to suggest that you vote for @curie for witness here https://steemit.com/~witnesses. @curie has helped a lot of artist who's just starting here on steemit, just like me.

And also check out @smartsteem! I think they're onto something amazing for quality-post steemers!
## Sketching
The original idea I had was a police woman. Gangster girls are more bad-ass!

![pip ske.png](https://steemitimages.com/DQmamCT13qZ3aYFccaGCXaxe4t1Am9XAE3ZG3u5mUn5aYDt/pip%20ske.png)
## Inking
I will never ink chains and studs ever again. Ever.

![pip ink.png](https://steemitimages.com/DQmWXvLKJDtoPAn74isxsBJPJmfmkJwzupqVWG2zHWPRq1D/pip%20ink.png)
## Rendering in B/W
Since I won't be making flats, I'll render this one in whole. Starting with the **Mid-tone**, adding **Highlights** then **Darker Shadows**.

![pip ren.png](https://steemitimages.com/DQmXGkPM7uBmCzrzajr6s6DLHy9XQNKisErcgBGY618jjEi/pip%20ren.png)
## Applying Gradient Map
After I render her completely, I separate the parts with same colors to different layers. And I go to PS to apply the gradient map.

![pip gra 1.png](https://steemitimages.com/DQmUhT8Ko9d1NBF18HwSZ794bRDusWx8SXgDWZCvYj11rGD/pip%20gra%201.png)

![pip gra 2.png](https://steemitimages.com/DQmV6KCBvMV49jBFJo65ACuXm3A5oSCXAQntSKMn9tLQAuv/pip%20gra%202.png)
>As you can see by choosing some of the presets, you can get a glimpse or an idea of how Gradient Map will have an effect to your artwork. The second one though, is not a preset. I made dis.
>

![pip gra 3.png](https://steemitimages.com/DQmStCbLwTnDCEuz5h65mKYc1itzRiYADRvYu4oA8v4dbAm/pip%20gra%203.png)
>This is how it looks like after I've applied Gradient Map to every part of her.
>
## Background
I've also rendered the BG in B&W and also applied Gradient Map.

![pip bgg.png](https://steemitimages.com/DQmaDo9GJ2ADQCf8tbA9Z3i4qHHREscb7JgJ6xmn1ytcdoS/pip%20bgg.png)
## Finishing Touches
Added textures, back-light, and lens flare!

![pip tbl.png](https://steemitimages.com/DQmbKASUu7EgcAazC398bUG7SjPoXC2gSSZt7ES5Jw9Aje3/pip%20tbl.png)
## Final Product
Done!

![pip fin.png](https://steemitimages.com/DQmSdM1nXw95gG66H556bki78sfYb6uHBnEoLWU7husWr1J/pip%20fin.png)

I hope you found this art process useful. I'll try to post more tutorials. ^-^
Bye for now!

-lires
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authorlires
permlinkpiper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial
categoryart
json_metadata{"tags":["art","tutorial","originalart","drawing","illustration"],"users":["curie","smartsteem"],"image":["https://steemitimages.com/DQmZjuD3pYWVkECvdz1HZ84n9jdDzsW6WVEQrtYRHvwETFf/pip.png","https://steemitimages.com/DQmamCT13qZ3aYFccaGCXaxe4t1Am9XAE3ZG3u5mUn5aYDt/pip%20ske.png","https://steemitimages.com/DQmWXvLKJDtoPAn74isxsBJPJmfmkJwzupqVWG2zHWPRq1D/pip%20ink.png","https://steemitimages.com/DQmXGkPM7uBmCzrzajr6s6DLHy9XQNKisErcgBGY618jjEi/pip%20ren.png","https://steemitimages.com/DQmUhT8Ko9d1NBF18HwSZ794bRDusWx8SXgDWZCvYj11rGD/pip%20gra%201.png","https://steemitimages.com/DQmV6KCBvMV49jBFJo65ACuXm3A5oSCXAQntSKMn9tLQAuv/pip%20gra%202.png","https://steemitimages.com/DQmStCbLwTnDCEuz5h65mKYc1itzRiYADRvYu4oA8v4dbAm/pip%20gra%203.png","https://steemitimages.com/DQmaDo9GJ2ADQCf8tbA9Z3i4qHHREscb7JgJ6xmn1ytcdoS/pip%20bgg.png","https://steemitimages.com/DQmbKASUu7EgcAazC398bUG7SjPoXC2gSSZt7ES5Jw9Aje3/pip%20tbl.png","https://steemitimages.com/DQmSdM1nXw95gG66H556bki78sfYb6uHBnEoLWU7husWr1J/pip%20fin.png"],"links":["https://steemit.com/~witnesses"],"app":"steemit/0.1","format":"markdown"}
created2017-12-06 04:00:00
last_update2017-12-06 04:00:00
depth0
children15
last_payout2017-12-13 04:00:00
cashout_time1969-12-31 23:59:59
total_payout_value86.056 HBD
curator_payout_value27.262 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,516
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,527,346
net_rshares31,259,193,910,621
author_curate_reward""
vote details (62)
@angustz ·
Thank you for sharing, love it. :)
properties (22)
authorangustz
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171211t114431493z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-11 11:44:33
last_update2017-12-11 11:44:33
depth1
children0
last_payout2017-12-18 11:44:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length34
author_reputation172,930,648
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,103,433
net_rshares0
@appreciator ·
<p>This post has received gratitude of 28.46 % from @appreciator thanks to: @lires.</p>
properties (22)
authorappreciator
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171210t210604314z
categoryart
json_metadata{"tags":["art"],"app":"drotto/0.0.3rc1"}
created2017-12-10 21:06:03
last_update2017-12-10 21:06:03
depth1
children0
last_payout2017-12-17 21:06:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length88
author_reputation55,801,543,512,306
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,038,535
net_rshares0
@artbunny ·
Thanks for sharing your technique - from black and white to colourful painting! 😊

Never thought about using the gradient tool like that. I really need to try this out ...
properties (22)
authorartbunny
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171206t195017333z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-06 19:50:18
last_update2017-12-06 19:50:18
depth1
children1
last_payout2017-12-13 19:50:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length171
author_reputation2,855,589,893,275
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,596,417
net_rshares0
@lires ·
You're welcome, @artbunny! Gradient Map is really an amazing tool! You can even use more than 2 colors.
properties (22)
authorlires
permlinkre-artbunny-re-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171207t024647759z
categoryart
json_metadata{"tags":["art"],"users":["artbunny"],"app":"steemit/0.1"}
created2017-12-07 02:46:45
last_update2017-12-07 02:46:45
depth2
children0
last_payout2017-12-14 02:46:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length103
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,621,916
net_rshares0
@buildawhale ·
<p>This post has received a 8.12 % upvote from @buildawhale thanks to: @lires.
Send at least 1 SBD to @buildawhale with a post link in the memo field for a portion of the next vote.</p>

<p>To support our daily curation initiative, please vote on my owner, @themarkymark, as a <a href="https://steemit.com/witness-category/@themarkymark/witness-themarkymark">Steem Witness</a></p>
properties (22)
authorbuildawhale
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171211t005009975z
categoryart
json_metadata{"tags":["art"],"app":"drotto/0.0.2d"}
created2017-12-11 00:50:30
last_update2017-12-11 00:50:30
depth1
children0
last_payout2017-12-18 00:50:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length381
author_reputation27,046,591,023,295,034
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,054,393
net_rshares0
@corinneiskorean ·
ohhh my goodness this is so helpful! I've been looking for tutorials explaining how to go from grayscale to color, and this was one of the best! I didn't even know the gradient map existed T-T. Thank you so much for this! One quick question: how did you separate your "same colors" into separate layers? did you magic wand select based on the lineart, switch to the grayscale, and then created a new layer from selection? Additionally, I noticed you used the same general value for the entire character in gray scale (ex: the hat midtone appears the same as the skin midtone, even though the hat ended up white). Was there a reason why you didn't put in overall base values, aside from highlights/shadows?
properties (22)
authorcorinneiskorean
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171206t041955766z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-06 04:19:54
last_update2017-12-06 04:19:54
depth1
children1
last_payout2017-12-13 04:19:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length705
author_reputation3,997,495,025,291
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,528,492
net_rshares0
@lires ·
Thanks, Corinne! I'm glad you'll find it useful. :D

Q: *How did you separate your "same colors" into separate layers? did you magic wand select based on the lineart, switch to the grayscale, and then created a new layer from selection?*
**A: I cut them in SAI. Since SAI has the best Magic Wand in all the programs I use. I basically just:**
- **go to the ink layer and select the parts (ex: hair, skin, etc.)**
- **cut with ctrl+x**
- **paste on a new layer**

Q: *Additionally, I noticed you used the same general value for the entire character in gray scale (ex: the hat midtone appears the same as the skin midtone, even though the hat ended up white). Was there a reason why you didn't put in overall base values, aside from highlights/shadows?*
**A: It would be much easier for me to color the character as if she was a statue. Since you can control the colors in gradient map anyway.**
👍  
properties (23)
authorlires
permlinkre-corinneiskorean-re-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171207t024520438z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-07 02:45:18
last_update2017-12-07 02:45:18
depth2
children0
last_payout2017-12-14 02:45:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length893
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,621,817
net_rshares1,249,475,296
author_curate_reward""
vote details (1)
@dinkinc ·
I love the art style!
properties (22)
authordinkinc
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171207t002122353z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-07 00:21:30
last_update2017-12-07 00:21:30
depth1
children1
last_payout2017-12-14 00:21:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length21
author_reputation200,214,078
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,613,257
net_rshares0
@lires ·
Thanks! :D
properties (22)
authorlires
permlinkre-dinkinc-re-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171207t025018398z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-07 02:50:15
last_update2017-12-07 02:50:15
depth2
children0
last_payout2017-12-14 02:50:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length10
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,622,181
net_rshares0
@fabiyamada ·
Simply amazing!
properties (22)
authorfabiyamada
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171206t040718912z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-06 04:07:21
last_update2017-12-06 04:07:21
depth1
children1
last_payout2017-12-13 04:07:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length15
author_reputation55,606,801,081,779
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,527,772
net_rshares0
@lires ·
Thanks!
properties (22)
authorlires
permlinkre-fabiyamada-re-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171207t023417699z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-07 02:34:15
last_update2017-12-07 02:34:15
depth2
children0
last_payout2017-12-14 02:34:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length7
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,621,086
net_rshares0
@funtraveller ·
This is awesome!!! Thanks for sharing.
properties (22)
authorfuntraveller
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171211t003745127z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-11 00:32:39
last_update2017-12-11 00:32:39
depth1
children1
last_payout2017-12-18 00:32:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length38
author_reputation506,089,484,946,256
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,053,083
net_rshares0
@lires ·
Sure thing! :D
properties (22)
authorlires
permlinkre-funtraveller-re-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171211t021707462z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-11 02:17:06
last_update2017-12-11 02:17:06
depth2
children0
last_payout2017-12-18 02:17:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length14
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,060,378
net_rshares0
@jamesartville ·
There is so much in this post that I have never practiced before, but I think would be so much fun to give it a try. I have used gradient maps before in photo restoration, but I never thought to use it when making art. Thank you so much for going in details and showing the steps! Why is it that your initial sketch uses several different colors?
properties (22)
authorjamesartville
permlinkre-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171206t233002756z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-06 23:30:06
last_update2017-12-06 23:30:06
depth1
children1
last_payout2017-12-13 23:30:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length346
author_reputation14,646,670,668,084
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,610,461
net_rshares0
@lires ·
Cool! :D
Well, sketches can be messy sometimes. And I tend to forget to what part a sketch I did belong to after a while. So, if I sketch every part of the jacket, for example, in red, I'd know that every part that's sketched in red is a part of the jacket. ^-^
properties (22)
authorlires
permlinkre-jamesartville-re-lires-piper-or-lires-artwork-process-or-original-art-or-coloring-grayscale-with-gradient-map-tutorial-20171207t024947003z
categoryart
json_metadata{"tags":["art"],"app":"steemit/0.1"}
created2017-12-07 02:49:45
last_update2017-12-07 02:49:45
depth2
children0
last_payout2017-12-14 02:49:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length261
author_reputation13,830,536,308,558
root_title"Piper | Lires Artwork Process | Original Art | Coloring Grayscale with Gradient Map Tutorial"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,622,132
net_rshares0