hipster logos challenge

[brynn]

Hi Friends,
I guess we'll try another round of challenges and contests.  Espermachine suggested a hipster logos challenge.

Here's a quote from a discussion at IF, about what "hipster" means:

It has become pretty stereotype. Its a minimalistic retro (50ies i think) style, mostly b/w, yes.
Like this:
https://d3ui957tjb5bqd.cloudfront.net/i ... 1414176272

https://www.youtube.com/user/Tronix101design/videos

Another idea is to make something with chains.
This tutorial show an interesting result:

or this:

And a little more:

Cant tell you if its related to Jack Kerouac, but your cliche hipster would be a tatooed, bearded, skinny jeans and plaid shirted guy with an undercut and fifties frames. Maybe stretched earlobes. Etc.
Everything that has been considered hip in recent years.
This movement is basically over and hipster a dirty word.
But thats not the point.

This hipster style logo is all over the internet, is relatively easy to make and there are loads of templates. So thats why i thought it might be a good idea, to make a challenge around these type of logos.

There are tons of tutorial on youtube on how to do this style, and some of them are absolutely laughable when a professional designer needs 20 min to get two types of text on a path in Illustrator.

For me, when I think of "hip", I think of someone who says "groovy!", or a hippie.

By that description, we used to called those guys "greasers" (for their greased back hair, I guess).  But before that, I think they were called "beatniks".

Anyway, my DDG search turns up this:  https://duckduckgo.com/?q=hipster+logo&t=ffsb#  If the Images option isn't already showing, click it, to see a lot of examples.  Or I'm sure google images will have lot too.

Now I need to get some sleep.  But tomorrow I'll make some logos.  And let's see some others too!

[Espermachine]

What i posted at Inkscapeforum was a quick example. I will try to come up with something better, but in the meantime, im migrating the image over here.

[brynn]

Oh, I like how you treated the curves of the oval shape, on the first one!  That curved line on the top of "vector" and the bottom of "graphic" really accentuates the shape.  And then the white fill on the side.  It almost seems like it stretches....it creates motion or movement.

Although I haven't seen any examples with motion, in my search.  To me, it seems very static, and very plain.  As I'm just starting to work on my first one, I realize these will be fairly easy to do (although I tend to work much more slowly than most users  ).  But there is room for some interesting parts with the non-text or decorative elements.

Perfect for newbies!!  (hint-hint-don't be shy-join us!!) 

[brynn]

Lol, my first try with Wireframe Sphere extension, using whatever values were showing, I got this!!


wfs.png
(19.21 kB . 194x211)
(viewed 783 times)

Very interesting....but not quite what I expected -- better read up on whatever I can find about it. 

Edit
Actually, now I think might be a bug.  Sometimes I get  the expected wireframe sphere, and sometimes I don't.  Haven't figured out what's triggering it yet.

Edit #2
From the devs, yes a bug, looks to be fixed already, for next version 

[Espermachine]

Lol, my first try with Wireframe Sphere extension, using whatever values were showing, I got this!!

[Lazur]

When a beard is out of the brand of manliness:

[brynn]

Oh, nice Lazur!  But I've never heard of a lumberjack who didn't have a beard 

Mine not going so good.  I have such a hard time resisting to add more and more details.  Maybe I'll have a couple to show, later today.

[Lazur]

http://sabotagetimes.com/life/an-open-letter-to-bearded-hipsters-stop-ruining-my-beard-fetish

[brynn]

HAH!!

"The beard has turned into the padded bra of masculinity."

Now I get it.

[Espermachine]

@Lazur: lots of nice little details !

That dropshadow texture is the killerfeature. Makes a big difference !

You have your mountain man scruff, but you maintain it. You groom it. With products.

[Lazur]

Thank's!

The drop shadow was drawn with the wavy pattern fill, was focusing more on the labris shape.
Looks quite impressive on a too (seen on the drummer).

On beards:

[Espermachine]

One of these "quick" ones, that are not as easily done as it looks "on paper".
Inspired by Lazur's video.

Clipping that triangle was quite a headache, so i did it by node editing instead.


PowerSolution.png
(284.51 kB . 800x511)
(viewed 758 times)

[brynn]

I didn't even notice the wavy pattern/drop shadow.  Didn't click to get full size.  Just when I recover from a head cold last week, it seems I have another fever now   Gotta go find web md or something....  But I promise to participate, when fever breaks.   

[Espermachine]

I didn't even notice the wavy pattern/drop shadow.  Didn't click to get full size.  Just when I recover from a head cold last week, it seems I have another fever now   Gotta go find web md or something....  But I promise to participate, when fever breaks.   

Vectorhealing.png
(73.55 kB . 599x287)
(viewed 697 times)

[brynn]

Thanks Esper 

[brynn]

Hey, how did you make those radial rays?  They have a sort of perspective effect, where if you hide either the top half or bottom half of the image, it has a lot of depth to it.

But those radial rays are close together at the sides, and wider apart at top and bottom.  Was it made with everything symmetrical as a circle, and then you stretched it wider, but not taller?

Ok, well I've got a lame effort.  I'm not really very good with logos or info graphics kind of thing.  Maybe when I feel better.....     (will see doc tomorrow)  Maybe a little too big?

[Lazur]

Clipping that triangle was quite a headache, so i did it by node editing instead.

-attachment-

How was that a headache, it looks easy.

 
The image seems similar to the inkmountain/inkscape's logo with that photograph.

(By the way dailysketch 23 was about black metal logotypes.)

[Espermachine]

Hey, how did you make those radial rays?

Super easy 
Its a star with 106 points.
Logo started as a circle and looked awful in the early phases. So i stretched it into an ellipse because you liked that about my earlier post.

Learned the star trick from one of tutorials.

Ok, well I've got a lame effort

Dont know why you think that, i love it !
The proportions could be perfected a little but thats always a delicate thing to get right.

I like especially the guillloche border !

Clipping that triangle was quite a headache, so i did it by node editing instead.

-attachment-

How was that a headache, it looks easy.

That was my thought as well.
My first idea was to just clip it, but that also clips everything outside the ring.
If i mask it with a black circle that has a white stroke, only the parts that i wanted to clip are visible.

What works is drawing a rectangle that covers the triangle with a hole punched into it (the circlestroke), but that doesnt let me change the strokewidth (except by a Break apart).

So in the end i found it easier to just node edit the triangle, especially because cutting out a circular stroke of the triangle didnt always look best.
(Thats why i experiment with a polygon, etc.)


Ring_vs_Triangle_3.png
(72.98 kB . 945x500)
(viewed 776 times)

EDIT: just found out, you can also construct a complex mask by grouping several objects. That makes things slightly easier. But its not as elegant as clipping a group (and being able to later enter the group and tweak).

[Lazur]

There are a couple of ways doing it.

If you involve cloning, it can be a live solution -haven't bothered with it yet in the attachment, it was a very quick one.


triangle.svg
(44.05 kB - downloaded 544 times)

[Espermachine]

There are a couple of ways doing it.

You have to admit all these solutions require a bit of thinking. It makes IS not exactly an easy program.

In Gimp i would just alpha select the ring, grow it, and apply a layermask from selection.

Also, why does the gradient solution look so aliased ?

If you involve cloning, it can be a live solution

I think i understand what you mean with cloning.
Is there a way to enter a group of objects used for masking ?

[Espermachine]

I agree with Brynn. Its hard to keep it minimalistic. 


Egg4.png
(86.3 kB . 475x600)
(viewed 749 times)

[brynn]

Is that egg leaning slightly to the left?  I think it is. 

[Lazur]

There are a couple of ways doing it.

You have to admit all these solutions require a bit of thinking. It makes IS not exactly an easy program.

In Gimp i would just alpha select the ring, grow it, and apply a layermask from selection.

Also, why does the gradient solution look so aliased ?

If you involve cloning, it can be a live solution

I think i understand what you mean with cloning.
Is there a way to enter a group of objects used for masking ?

Gradient looks aliased as there is no anti-aliasing on gradients -steps next to eachother brings out that "issue".
The whole anti-aliasing thing is just screen related, printers don't use anti-aliasing on ink blots.

Well for printing, using masking is not a good solution, has bad support for saving as pdf.


For masking with clones-
if you make a group, clone it, use the clone for masking, you can edit the parent group and edit the masking in "real time".
Grouping the parent group, you can even make it transparent with the masking still working.

Attachment may illustrate better.


Edit: thinking it over, cloning is not that necessary, always forgot that.
There is a node tool setting on the toolbar to display clipping/masking objects of selected paths
-works well on the previous attachment, except on the gradiented mask.

[Espermachine]

Is that egg leaning slightly to the left?  I think it is.

Yes its slightly asymmetric. I like it.

Did a variation. Tried to colorize it in IS, but that filter also colorizes the masks, lol (i guess thats bug).
So i did it in Gimp instead, plus the grunge of course.


NextEggGrunge.png
(362.73 kB . 483x600)
(viewed 834 times)

[Espermachine]

Try to stop meeeeeeeeeeeeee      


StrikeIV.png
(152.77 kB . 900x751)
(viewed 732 times)