98Views11Replies

Author Options:

Hero Images? Answered

Picture of

One thing that I like the most in instructables site is the amazing hero images at contest section.
Can you make a tutorial of how to make images like that?

11 Replies

user
Yonatan24 (author)2017-07-12

This as best as I can do with Pixlr: https://www.instructables.com/file/FGFUH5RJ4SQC8EA...

I wish I had photoshop.

Select as Best AnswerUndo Best Answer

user
Jack A Lopez (author)2017-07-10

Do you mean that image from the old Heroes and Villains contest?

https://www.instructables.com/contest/heroesvillai...

https://cdn.instructables.com/ORIG/FFS/97SK/IQ41Y2...

It kind of looks like some silhouettes drawn in black, with squinty eye shapes drawn in white, with stylized "H" and "V" on the chests of the "hero" and "villain" respectively.

Anyone here know who drew that image?

Select as Best AnswerUndo Best Answer

user

By hero images Ι mean these header images that I attached!

I am sorry but I knew that these kind of header images are called "Hero Images"

and are the new trend of internet. I don't know if I am wrong or right.

Select as Best AnswerUndo Best Answer

user

You've got it right, and I, at first, was getting it wrong. It turns out, the phrase "hero image" is real jargon in the field of web design, e.g.

https://designschool.canva.com/blog/hero-images/

I probably should not have said anything for this question.

Select as Best AnswerUndo Best Answer

user
bwrussell (author)Jack A Lopez2017-07-10

I think he means more generally the header images, of which the hero and villain contest one is but not just that one specifically.

Select as Best AnswerUndo Best Answer

user
Jack A Lopez (author)bwrussell2017-07-10

So all the contest header images are "hero images"?

Is "hero" a synonym for "header"?

I dunno. I guess if you and OP are speaking the same language, I should just stay out of it.

Select as Best AnswerUndo Best Answer

user
bwrussell (author)Jack A Lopez2017-07-10

It's not an exact usage of "hero (noun)" I've heard before but it's sort of like a "hero" prop. ie There are several versions of Thor's hammer when they shoot Avengers but the one that's in all the close ups and promo images, because it's the one that looks the best, is called the "hero". In this case the fancy header image is sort of like the hero standing triumphant on the roof of a building while the rest of the skyline is gleaming in a brilliant sunset around them. It's fancy and eye catching.

I'm not sure if agree with this implementation of phrase but I'm 99% sure that's what s/he means, mainly because they used two examples that weren't the H&V contest and never mentioned it.

Select as Best AnswerUndo Best Answer

user
Jack A Lopez (author)bwrussell2017-07-11

I think I get it now. Thanks for taking the time to explain it to me.

Select as Best AnswerUndo Best Answer

user
Jack A Lopez (author)2017-07-11

I think I get it now. I had not seen the phrase "hero images" used this way, but it looks like it is real jargon in field of web page design. e.g.

https://designschool.canva.com/blog/hero-images/

Select as Best AnswerUndo Best Answer

user
bwrussell (author)2017-07-10

It's fairly basic graphic design. It should be pretty easy to find a ton of tutorials, if not here then all over google.

On the technical level it's a number of assets (text, images, drawings, etc) and techniques (coloring, layering, masking, etc) all combined using a piece of software like Photoshop, maybe Illustrator, or one of the many free alternatives.

On the skill/talent side you need to apply an understanding of things like space (free and filled), weight and direction, readability, etc.

And perhaps most importantly make sure you're not impinging any copyright licenses because you may design the coolest header ever but it doesn't really do you any good if you're forced to take it down over a copyright violation.

Select as Best AnswerUndo Best Answer