Activity #26 - Ask The Maker

[tinny]

this banner is featuring an icon by tinyumbrella

It's June, and that means it's time for Ask The Maker again!

Our poll decided that a good majority of our makers here would like to see this activity again, and I'm hoping for high participation.

Ask The Maker is where you can ask your favorite makers about how they do that thing. You can ask for tutorials, guides/"How to", or ask any other questions related to their work. Check out the Maker thread (below) for makers who have signed up and are ready to answer your questions.

You can also ask questions to the community at large, and hope that someone is able to answer them. Do this in the Questions thread (below).

By now this community has been active for over two years, and we've grown quite a bit, along with DW. This should make for an interesting mix. I for one am looking forward to interesting questions and discussions!

Please promote this activity!

You can use this code here:
<center><img src='https://tinny.dreamwidth.org/file/205196.png' title='Activity #26 - Ask The Maker 2019' alt='Activity #26 - Ask The Maker 2019' /> <user name="icontalking"> <a href="https://icontalking.dreamwidth.org/34730.html">Activity Post</a> </center>

The more participants the merrier! I will promote it at an official promo comm.

Here are the rules:

1) Maker-Driven


Rules for makers who want to sign up

Sign up by commenting to the Maker thread.

Please don't sign up if you know that you can't or do not plan to fulfill the requests you get within a month.

If you are an icon maker and you're willing to write tutorials, guides or answer questions (Q&A's), please sign up here with your name and where you post your work. Please state what you're willing to do/answer and if people can hotlink your work or not. Use this posting template:

<b>Username + where you post your work:</b> <b>What can we request from you (tutorials, Q&A, guides etc.)</b> --->(If you know of anything that you're not able to answer/do, please mention it)<--- <b>Can we hotlink your icons?:</b>

There is no fixed time limit in which the signed up makers have to write these tutorials or answer questions, but it would be nice if everyone managed to post their answers within the next month. I will make the master list post around mid-July (i.e. in six weeks). Even if you take longer than that, please try and answer your questions. Please let people know if you find out you cannot fulfill the requests. Try not to leave people hanging.

All tutorials/Q&A etc. need to be posted in your community/journal and be posted publicly. In-depth explanations on tutorials is not a must, but highly encouraged.

When you finish your requests, post a link to them as a reply to the original request comment here. That way, I and the person requesting will be able to see them and I can add them to the master list.



2) Question-Driven - I have a question and anyone can answer



If you have a question about techniques, a specific look, etc, but you can't ask any maker directly (e.g. because they didn't sign up or are not on DW or because your question is more of the general kind), you may ask your question in the Questions thread.

Be aware that there is no guarantee that you'll get your question answered. You will increase your chances by asking specific questions about specific techniques and by giving icon examples, from different makers if possible. Please don't ask about single specific icons, nobody should feel pressured into participating.

Please don't hotlink icons from other makers without asking them. Reupload the icons (e.g. to imgur.com or postimages.com) instead.



What's What


Question categories and examples

Guides - a guide is a general explanation post. The maker will make a post explaining how to achieve a particular effect, use a technique, use a tool, etc.

#1 - Text and typography in gimp by cool_spectrum
#2 - A guide lighten dark bases from last year by tinny

Tutorial - a tutorial is a step-by-step description of how to make a particular icon. Only the maker of an icon can make a tutorial of how they made that icon. If you ask for a tutorial, you must provide said icon with your question. This kind of question only makes sense in the Maker thread.

A tutorial by fueschgast
Example tutorial #2 by word_never_said

Q&A - everything that doesn't quite fit the first two categories. Ask away, hope for the best. :)


Maker thread

Questions thread

Comments

Re: Maker Thread

[tinyumbrella]

I love your icons where they are quite monochrome, i never seem to get the colours right on those - eg that Villianelle icon up there, or even the last one. Just...working with more monochrome icons? IDEK

I like that third icon as well as it's so clear for such a tiny subject - any tips and tricks on that one?

Obviously a cropping guide would be amazing, i love your close crops on hands and faces that just look awkward when i try!

THIS IS A LOT, just pick one to focus on :)

Re: Maker Thread

[tinyumbrella]

Your texture use is really cool and interesting, do you have any process on how you pick and apply textures? I know that's really broad, let me know if you want me to be more specific!

Re: Maker Thread

[tinyumbrella]

yes, i think so! I will work on something this weekend :)

Re: Maker Thread

[tinyumbrella]

No that's really cool, i like your idea of having different layers and modifying the colouring!!

thanks :)

Re: Maker Thread

[ideare]

what is your process in deciding on how to use a texture? deciding if a texture should be used as a background or over the image?

Re: Maker Thread

[ideare]

would you be able to do a guide/tutorial on how you made this parker icon?

Re: Maker Thread

[tinny]

firstly, thank you for asking so many questions! <3

1) GLOW

Oh god.... I feel like my glow is very hit and miss. I can't even say I'm doing anything in particular. My process for glow is:

- make the brush large and soft, paint a blob in a light color (white is best by far, but sometimes I use a saturated yellow or blue). Make sure the glow is on the correct side, matching the direction of the lighting on the subject
- I sometimes actually leave it on Normal blend mode, but most of the time I set it to Screen or Soft Light.
- smudge it until it doesn't look circular anymore
- erase it from the middle of the subject's head, leaving the edges.
- smudge again (repeat...)

That's it. I smudge it (which makes it softer) until I think the subject looks lit but not washed out. I'm not sure that's a good process - and it doesn't always work. I have lots of examples where I definitely overdid it. This one is too light I think:


2) MINI-TUTORIAL

I don't think I can write a whole tutorial on this icon. I didn't do much. :) I'll sketch it here for you:

- here's the cap:


* you can see that the lighting is already all there in the cap (the Detective L caps are all lit like that, they're a lot of fun to work with)
- I filled the background with a blue color (#375676)
- I added a texture (from the British Library here: https://www.flickr.com/photos/britishlibrary/albums/72157638733975756)


- I didn't even change the color of the texture, just set it to Overlay at 69%. (As you can tell from the layer palette, I just added it as is first, and only later decided to make it blue by adding the blue layer and setting the texture above it in Overlay mode.)

- I masked Xiaoman and duplicated her twice:
- The first duplicate, I sharpened and set to 50%.
- The second duplicate I set to Linear Add at 40%.
* The percentages depend on the cap, but that is one of my normal processes for base preparation for dark and slightly blurry caps. Sometimes I mask the sharpened layer, too, but I didn't do that here.
- I painted a yellow blob (#f0bf74, taken from her face after the whole lighting process) in the right half of the icon and moved it behind her and set it to Color 100%.
* I did this because wanted the background colors to fit the original lighting of the original cap, and now we have blue on the left and yellow on the right. (But I hated how that yellow came out... it's too muddy and greenish.)

- I painted a white blob into the upper left corner and set it to Soft Light (100%)
- I painted another smaller blob in the same corner and set it to Soft Light (100%)
- I duplicated that smaller blob
* this is why the glow is soft but still strong in the corner

That's it. Here's the layer palette:


I was very unsure about this and hated that the yellow didn't come out yellow enough for my taste. So I made seven alts (of which I posted four):


3) TEXTURES

In that particular icon, I actually didn't do *anything*. I just chose a texture that matched in color to the cap. But usually they don't.

a) Imho, the main thing with fake background is accurate masking. Which is why I mask at full size these days. I use the magnetic lasso to mask the subject and then quick mask to fix what the lasso got wrong. Only then do I resize to 100x100. (I like to work at 100x100.) That gives me crips edges. If I want to put a texture in front of the subject, I do the same: mask it crisply, so the styles match.

b) Coloring: I usually add a plain color layer in a color picked from the texture or from the subject and set that to Lighten at low opacity. This will give the icon a consistent look. That's my way of making the coloring match. Doesn't work with all the caps or all the textures, so I usually keep changing the texture until one fits.

c) Background-Foreground: the only type of texture I can do this thing in a way that I like the results are flower textures. They're easy because flowers have a nice round form behind which to place the subject. I have tried with other textures, but only rarely. Examples:




Did I answer your questions or did I misunderstand any of them? I'll happily explain more/something else if I got anything wrong.

Re: Questions Thread

[tinny]

I don't have favorites per se, but here are my memories. Most of them have no pics anymore (too old), but some still work:

https://tinnny.livejournal.com/memories?ukw=icon%20tutorials%20(by%20other%20people)

Re: Maker Thread

[tinyumbrella]

oh +1 on that, it's beautiful!

Re: Maker Thread

[tinyumbrella]

That was really good!! thank you for the time it took to write all this up.

I don't think i've ever used Linear add before so i will have to give that a shot, it's suprising how little you can do to make an icon amazing.

I usually cut out on 200x200px but maybe i should try doing it with full size one of thes days.

I like your lighten layer idea on colors to make it look consistent! that's really cool!

Re: Maker Thread

[tinyumbrella]

I hope i've gone in depth as much as i can, hope this is useful: https://oh-crime.dreamwidth.org/36338.html

[lavenderspark]

Ok, the only place I'm seeing what I want to achieve is on Tumblr, so I just took a screen grab. I'm wondering how to get the coloring on these. Muted and soft, but not really altering the original coloring? I don't know how to explain it.

[tinny]

Oh... hmm. I would say it's definitely altering the original coloring, it's taking out everything but the red.

If I'd have to guess, I'd say use Selective Coloring to remove most of the hues except red (that should also be possible to achieve using Channels), and then add some light color on Lighten or Screen.

I'll try and reproduce it and tell you how, if I manage. :)

[tinny]

Okay, here's what I have.

Original Picture:


Sharpened:


Selective Color Layer with these settings: (Just a listing of all the colors,Red+20, Yellow through Blue -100, Magenta through Black -90)


Result:


I wanted to bring out the red even more, so I added a
Color/Saturation Layer with these settings: (Master+40, Red+20, Magenta-75, All other Colors-100) :


Result:


Add a layer filled with a plain grey color (#d0d0d0) and set to Normal 52%.
Result:



I have *no idea* how to do Selective Coloring with another software than Photoshop. Sorry. :(
But it's the main thing to use here, and I think the effect is reasonably close.

[lavenderspark]

Idk if this will help, but I cropped it down to make the original color easier to see. Gamora is still green, but the color is definitely muted.

[tinny]

Yeah, I didn't get the colors quite right. (And she's way less green than he is red.)

[lavenderspark]

I didn't see this until after I posted my second comment!

I'm sure I can find those settings in my program. Things aren't hard to find, I just don't always know what they're called/what they do. I'll have to play around with it and see what I can do.

[lavenderspark]

Yeah, it's probably something I'll have to tinker with, but at least I know what to look for now! Thank you!! These types of gifs are all over my Tumblr and they're so soft and pretty.

[tinyumbrella]

you did an amazing job with this!!!

[tinny]

I fiddled with it some more, tweaked the colors towards Magenta instead of Red and added another layer:

- I copied the sharpened original layer again and desaturated it. Then I changed the Levels, so most of it would be white, and some of it would be black, like this:




I set this to Soft Light: (in other tools the closest is Overlay at very very low opacity)

Result:


It's more contrasty around the edges now, and lighter overall. A bit closer to the goal.

[tinny]

I like very light soft-muted coloring, too. Sometimes that tumblr trend is a bit too flat for me, but in general it's very pretty.

[tinny]

Thank you! That was a really fun exercise. :D

Re: Maker Thread

[seraphina_snape]

Well, the super vague answer is "whatever looks good". :p

But I've been thinking about this for a couple days now and I think I either go for matching colours or contrasting colours.

Matching colours:
I like using matching colours because it makes the icon look more harmonious.

Here the background picks up on Eve's lavender shirt


And this one picks up on the green dress


IDK, it just makes the icon more cohesive.

Contrasting:
I like creating contrast by using a dark texture with a light-coloured focus object, or a light or bright-coloured texture to offset the dark focus object:


Also great are textures that somehow "frame" the focus object, like these:


All of the above I use for my negative space icons (60% or so of all my icons are negative space icons). If an icon is not negative space, I use mostly light textures or colourful ones that I can add to the icon to make it less boring.


The actual process is as follows:
1. make basic icon
2. think "this needs some kind of texture"
3. open "favourite textures" folder on pc (note: this folder is like 87% textures by lookslikerain and 13% other, because I LOVE textures by lookslikerain - they're super colourful and I've never not been able to find one that works)
4. scroll through the textures and try out whichever texture catches my eye
5. if it's difficult to decide, duplicate the icon and look at them side-by-side
6. pick the one that looks best and save
(sometimes there is a step 5a. decide it looks great but needs something more, so repeat steps 4 and 5)

And that's about it!

Re: Maker Thread

[seraphina_snape]

For me it depends on the icon and the crop: if it's a negative space icon, the main texture goes behind the focus object (aka the person). If it's not a negative space icon, the texture goes on top of everything (or at least on top of strategic parts of the icon).

I make a lot of negative space icons because I feel like the background is sometimes too busy and distracts from the focus of the icon. But just leaving things blank is a bit boring, so I go looking for a texture to work with the icon.

If it's not a negative space icon, it's very often a close or mid crop icon (I don't like full body icons, so I rarely make them unless prompted), meaning there is very little room around the edges for a texture unless it's on top of everything. So in these cases I pick textures that make the icon a little less bland and boring (like in the first example icon you gave) and that work well with the screen or overlay or soft light blend modes. I use light textures a lot, too. Sometimes though I want to obscure parts or make a certain statement like in the second example icon - the texture obscures Donna's eyes and it reminded me of the season one finale where Rose looked into the heart of the TARDIS; I thought it was fitting for the Doctor Donna. *g*

Occasionally I have a case like this one:

Technically the texture could have gone behind Flynn, but I remember that tried it with several different blend modes and with the texture tilted this way and that way, but this looked best.

I also generally try a few different textures and look at them side by side to see which texture works best with the icon.

(You might also want to check out this comment because tinyumbrella asked a similar question.)

I hope that answered your question!

Re: Maker Thread

[tinny]

Those are really interesting, thank you!

I love that Flynn icon! <3 And Doctor!Donna is amazing, too. Yay for bold textures!