News: 11 March 2016 - Forum Rules
Current Moderators - DarkSol, KingMike, MathOnNapkins, Azkadellia, Danke

Author Topic: Titlescreens: Screenshots & Edits [Constructive Criticism Only]  (Read 479999 times)

cj iwakura

  • Full Member
  • ***
  • Posts: 237
  • The Rhythm Rogue
    • View Profile
    • iwakura.productions
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #380 on: February 05, 2012, 11:25:12 am »
Quick little mock-up, but this is an idea of what I'll be going for.



February 08, 2012, 06:33:16 pm - (Auto Merged - Double Posts are not allowed before 7 days.)
After collaborating with a photoshop guru I know, I'm content with calling this final.

« Last Edit: February 08, 2012, 06:33:19 pm by cj iwakura »

蒼く咲く華 日は灯り 天に流れる | Kill The Past

DarknessSavior

  • Hero Member
  • *****
  • Posts: 5031
  • Darkness.
    • View Profile
    • DS: No, not the Nintendo one.
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #381 on: February 09, 2012, 12:53:03 am »
The first one is a lot more readable. Just sayin'.

~DS
Red Comet: :'( Poor DS. Nobody loves him like RC does. :'(
Sliver-X: LET ME INFRINGE UPON IT WITH MY MOUTH
DSRH - Currently working on: Demon's Blazon, Romancing SaGa, FFIV EasyType.
http://www.youtube.com/user/DarknessSavior

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #382 on: February 09, 2012, 01:12:50 am »
I vote against them both. Can't you just use the Japanese logo with "Castle of Shikigami" as a semi-prominent subtitle?

I think a nice wide Roman font like the US boxart for the third would look good:



If you can post the original artwork, I can give it a shot myself...
In the event of a firestorm, the salad bar will remain open.

cj iwakura

  • Full Member
  • ***
  • Posts: 237
  • The Rhythm Rogue
    • View Profile
    • iwakura.productions
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #383 on: February 09, 2012, 06:54:32 pm »
Sure thing.




And the general consensus seems to agree that we should subtitle it.

There's time, fortunately.  I'll take the suggestions into account and see what comes of it.
(I really thought the vert look was hot, personally.)


Alt, which my helper did just in case:


蒼く咲く華 日は灯り 天に流れる | Kill The Past

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #384 on: February 09, 2012, 07:49:27 pm »
'Kay, quick question: any objections to me putting it over that circle thing at the bottom?
In the event of a firestorm, the salad bar will remain open.

cj iwakura

  • Full Member
  • ***
  • Posts: 237
  • The Rhythm Rogue
    • View Profile
    • iwakura.productions
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #385 on: February 09, 2012, 08:01:24 pm »
Yes. That says EX, and it's part of the title.

蒼く咲く華 日は灯り 天に流れる | Kill The Past

Kiyoshi Aman

  • RHDN Patreon Supporter!
  • Hero Member
  • *****
  • Posts: 2261
  • Browncoat Captain
    • View Profile
    • Aerdan's Blog
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #386 on: February 09, 2012, 09:46:02 pm »
I'd put the subtitle along the top of the screen, actually.

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #387 on: February 09, 2012, 11:41:40 pm »
Well, I lied. I couldn't do it in Photoshop.

I did it in Illustrator. :3



Thanks for the suggestion, Kiyoshi Aman - I was gonna stick it in the middle of the logo, but your suggestion was much better.

Also, here's the logo in vector-based SVG format, in case you decide you want to tweak the size/position in the final logo:



Yeah...shadow's not showing up for me in Chrome, but opening it in its own tab works fine.

EDIT: You know, looking at it again, I realize the only reason I kept the logo so small was so it'd fit neatly between the kanji. Here's a different version with a bigger logo.



Which do you prefer?

EDIT #2: And one last take. I noticed it was standing out a bit, so I took the logo into Photoshop and added a slight blur, as well as the glow around all the other title logo elements:

« Last Edit: February 10, 2012, 12:08:38 am by Ryusui »
In the event of a firestorm, the salad bar will remain open.

BRPXQZME

  • Hero Member
  • *****
  • Posts: 4572
  • じー
    • View Profile
    • The BRPXQZME Network
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #388 on: February 10, 2012, 03:43:57 am »
(I really thought the vert look was hot, personally.)
As it stands, though, they aren’t particularly readable or attractive lettering, and they don’t make much compositional sense.

They’re also too sharp around the edges, as Ryusui noticed about his attempt (though I think you overdid the blur there, dawg). Most professional graphics like these are blurred a little unless they’re at print quality (usually, part of that is from being scaled down).

In the case of this particular logo, there is a very thin (<1px) red outline around the characters written in black (it’s not particularly visible at this resolution, but it’s there). This eases the eye into seeing a more even red-white-black composition, rather than getting distracted by a high contrast going directly between black and white. Note that there is a different version of this logo without this feature; it’s used on most of the print-quality stuff, but that’s okay because it has a lot more resolution to work with.

All in all, I’m not a graphic designer, but I think you could really use one. That ghostly swirl in the logo’s background makes it hard to give or take away to or from the sides without adversely affecting its balance. Now, if it could be shrunk without too much trouble, that’s a different story.
we are in a horrible and deadly danger

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #389 on: February 10, 2012, 04:13:26 am »
This any better?



I made the glow a bit more prominent, too.
In the event of a firestorm, the salad bar will remain open.

BRPXQZME

  • Hero Member
  • *****
  • Posts: 4572
  • じー
    • View Profile
    • The BRPXQZME Network
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #390 on: February 10, 2012, 04:47:26 am »
Now it’s not enough, from the looks of it. I’m comparing it to the logo on the right and the Engrish on the bottom. Hope you don’t mind the niggling; it does take a lot of fine-tuning to get it right, especially when you’re trying to match something else that wasn’t necessarily produced the same way.

As for the glow, it doesn’t strike me as being the right color, but it’s hard to tell (and a little tricky to reverse-engineer—in the EX portion of the logo, you might notice that it’s a lighter uneven color when over the wood, and a darker, flatter color when over the black; in other words, the glow is semitransparent to a certain extent).
we are in a horrible and deadly danger

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #391 on: February 10, 2012, 12:49:46 pm »
And one more tweak. The last one used an 0.2 Gaussian Blur; the one before used an 0.3; this is an 0.25.



Plus I tweaked the glow settings again. I'm well aware it's not perfect (it's not even a perfect match for the English logo it's based on), but I still think it looks fairly decent, don't you think? :3
In the event of a firestorm, the salad bar will remain open.

BRPXQZME

  • Hero Member
  • *****
  • Posts: 4572
  • じー
    • View Profile
    • The BRPXQZME Network
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #392 on: February 10, 2012, 05:06:07 pm »
You’re using a Gaussian blur? Ah, no wonder....

Most of the time, blurring text that’s too sharp around the edges is better done with lens blur IMHO, since it plays with the underlying structure rather than merely dispersing it. Maybe the difference is not noticeable at this size, but at bigger sizes I think it’s more obvious (and it’s more tweakable, besides).

Glows? Glows are a bit cheesy, so I can only look at them for so long in one day. If I’m going to go that far off the deep end, I’d rather just do my own mock-up.

I have also noticed a weird bump on the side of your M and can’t un-see it :-X
we are in a horrible and deadly danger

cj iwakura

  • Full Member
  • ***
  • Posts: 237
  • The Rhythm Rogue
    • View Profile
    • iwakura.productions
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #393 on: February 10, 2012, 07:19:02 pm »
This any better?



I made the glow a bit more prominent, too.

Really like it.


Any chance I could persuade you to get a 'The' at the front of it? :P

Gives it a dramatic sound, I think.

You could also better frame it, like

The Castle of
S h i ki ga m i

(For example)

So it lines up.

蒼く咲く華 日は灯り 天に流れる | Kill The Past

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #394 on: February 10, 2012, 09:03:28 pm »
I have also noticed a weird bump on the side of your M and can’t un-see it :-X

Damn. Now I can't un-see it, either.

Also: lens blur? (checks) Oh, wow. I've been using Gaussian for so long I didn't even realize this was an option. Thanks!

Any chance I could persuade you to get a 'The' at the front of it? :P

Gives it a dramatic sound, I think.

Well, I based it off of Aksys' logo, as you saw - it's not a perfect match (the M's got serifs on the top), but when I ran it through WhatTheFont and Garamond came up, I couldn't resist.

But I'll tweak it again, if you want me to. Glad to hear you like it otherwise. :3
In the event of a firestorm, the salad bar will remain open.

cj iwakura

  • Full Member
  • ***
  • Posts: 237
  • The Rhythm Rogue
    • View Profile
    • iwakura.productions
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #395 on: February 11, 2012, 01:40:01 am »
Yes, please. And I had no idea it was the same font. Nice touch.

Also, I'm working on some other variations of this, but I'll see how this goes for sure.

Definitely liking the 'top of the menu' motif.

蒼く咲く華 日は灯り 天に流れる | Kill The Past

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #396 on: February 11, 2012, 03:15:58 am »
No, I mean it's not the same font, but it's close enough - you can see where the "M" is different, but it's a nice looking serif font all the same.

EDIT: Okay, I know it's not the change I promised, but take a gander at this:



I traced the soul swirl from the American CoS3 logo - which, as it happens, is also used in the horizontally-oriented Japanese logos. Now it's looking pretty professional. :3

EDIT #2: Accidentally saved it last night as a PNG-8 (hence the dithering on the soul swirl). Reuploaded it as PNG-24.
« Last Edit: February 11, 2012, 03:14:09 pm by Ryusui »
In the event of a firestorm, the salad bar will remain open.

cj iwakura

  • Full Member
  • ***
  • Posts: 237
  • The Rhythm Rogue
    • View Profile
    • iwakura.productions
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #397 on: February 11, 2012, 01:01:48 pm »
Impressive.

I also had the other designer I'm working with cook this up:



Decisions decisions...


By the way, the game has multiple title screens. :P There's at least one more.

So if you're willing to share that, Ryusei, I may need one more edit from you in a similar style.
(Same logo, only centered on purple background.
« Last Edit: February 11, 2012, 03:11:36 pm by cj iwakura »

蒼く咲く華 日は灯り 天に流れる | Kill The Past

azoreseuropa

  • Sr. Member
  • ****
  • Posts: 390
    • View Profile
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #398 on: February 11, 2012, 05:22:12 pm »
No, I mean it's not the same font, but it's close enough - you can see where the "M" is different, but it's a nice looking serif font all the same.

EDIT: Okay, I know it's not the change I promised, but take a gander at this:



I traced the soul swirl from the American CoS3 logo - which, as it happens, is also used in the horizontally-oriented Japanese logos. Now it's looking pretty professional. :3

EDIT #2: Accidentally saved it last night as a PNG-8 (hence the dithering on the soul swirl). Reuploaded it as PNG-24.

I like this one the best.

Ryusui

  • Hero Member
  • *****
  • Posts: 4989
  • It's the greatest day.
    • View Profile
    • Tumblr
Re: Titlescreens: Screenshots & Edits [Constructive Criticism Only]
« Reply #399 on: February 11, 2012, 05:24:04 pm »
Doable. Give me the title screens that need editing and I'll see what I can do.

Also: I would've added the "the" already, but I realized that I changed the text to outlines so I could stretch it to match the logo more easily. ^_^; I could still do that, of course, but then it wouldn't match the official logo.

Oh, and one last thing - should I try to add that "EX" to my English logo? It shouldn't be hard to duplicate in Illustrator.
In the event of a firestorm, the salad bar will remain open.