ShowcaseForum Design Collab w/ HELLAWAVE [UPDATED]
Posted:

ShowcaseForum Design Collab w/ HELLAWAVE [UPDATED]Posted:

Status: Offline
Joined: Dec 22, 201014Year Member
Posts: 1,194
Reputation Power: 3264
Status: Offline
Joined: Dec 22, 201014Year Member
Posts: 1,194
Reputation Power: 3264
Decided to make a forum design for Ryan, for this one I collabed with a GK, HELLAWAVE himself. Let us know how we did. Kept it simple and clean, just how yall like it!




Design by/Xylon Animation by/Hellawave


Quality is iffy due to IMGUR. Has to be rendered as GIF that would explain the bad compression.


Last edited by XyIon ; edited 2 times in total

The following 4 users thanked XyIon for this useful post:

2Pac (06-29-2020), Mary (06-29-2020), Tom (06-29-2020), Vatasy (06-29-2020)
#2. Posted:
Vatasy
  • Graphics King
Status: Offline
Joined: Apr 11, 201410Year Member
Posts: 6,658
Reputation Power: 29382
Motto: We love you Angel, forever in our hearts.
Motto: We love you Angel, forever in our hearts.
Status: Offline
Joined: Apr 11, 201410Year Member
Posts: 6,658
Reputation Power: 29382
Motto: We love you Angel, forever in our hearts.
owo
#3. Posted:
Ryan
  • Moderator
Status: Offline
Joined: Aug 30, 20186Year Member
Posts: 5,811
Reputation Power: 36507
Status: Offline
Joined: Aug 30, 20186Year Member
Posts: 5,811
Reputation Power: 36507
Thanks guys I love it.
#4. Posted:
Craig
  • TTG Veteran
Status: Offline
Joined: Jan 16, 201212Year Member
Posts: 20,271
Reputation Power: 17066
Motto: 2b || !2b
Motto: 2b || !2b
Status: Offline
Joined: Jan 16, 201212Year Member
Posts: 20,271
Reputation Power: 17066
Motto: 2b || !2b
Apart from that groovy looking pixelated Trusted Seller badge it's okay.
#5. Posted:
Chi
  • Graphics King
Status: Offline
Joined: Oct 11, 201113Year Member
Posts: 2,054
Reputation Power: 435
Status: Offline
Joined: Oct 11, 201113Year Member
Posts: 2,054
Reputation Power: 435
I'm enjoying seeing more animations on this forum. Glad to see collaboration as well.

Imgur doesn't help, but color meshing is due to so many colors in the gif format.
And blur absolutely destroys a restricted color format; as what was once around dozens of colors - will be hundreds if not thousands.
You can try to play around with the color reduction algorithm when exporting, but I'm not confident that'll help too much here.

I'd say that it's important to keep things consistent; formatting, typography, and spacing.
Always pay attention to your spacing, font size, and layout - otherwise, it can begin to look unorganized.
I've spent a little bit to provide an example toward that middle part, but in the future I'd work on applying this to all sections.




Looking at the current - there are some issues with separate elements being uneven.

https://i.imgur.com/aTOX7IR.png

Each of these sections has a unique starting point, I'd recommend reducing this to tidy and create an overall cleaner look.

Rough example:
https://i.imgur.com/8i5L942.png




Now on the animation front, it's clean motion overall. However, keeping the animation of each element consistent makes it feel unnatural.
Oddly enough, if you add more inconsistencies to animation - it tends to feel a bit more organic.
For example, adding a delay to each section's (top, middle, bottom) initial move into the composition can help create a more fluid effect.
Rather than the stiff, all in one sliding motion that's currently happening.

Now - the wobbles when it all comes in; I love, love, love, love the wobbles. But you have to give me more - please!
It does take some work to get the timing right when winding down - but it's so worth it in the end.

Also, the loop's transition pacing seems a bit abrupt - don't be afraid of an empty composition for a few more frames.
That immediate bounce back just seems a bit too fast.


Overall, it could use some more love - but it's a great base to build and improve on going forward.

-Chi
#6. Posted:
Jacob
  • Fairy Master
Status: Offline
Joined: May 23, 20177Year Member
Posts: 2,645
Reputation Power: 9717
Status: Offline
Joined: May 23, 20177Year Member
Posts: 2,645
Reputation Power: 9717
UwU. This cute. I'm jealous
#7. Posted:
Vatasy
  • Graphics King
Status: Offline
Joined: Apr 11, 201410Year Member
Posts: 6,658
Reputation Power: 29382
Motto: We love you Angel, forever in our hearts.
Motto: We love you Angel, forever in our hearts.
Status: Offline
Joined: Apr 11, 201410Year Member
Posts: 6,658
Reputation Power: 29382
Motto: We love you Angel, forever in our hearts.
Chi wrote
I'm enjoying seeing more animations on this forum. Glad to see collaboration as well.

Imgur doesn't help, but color meshing is due to so many colors in the gif format.
And blur absolutely destroys a restricted color format; as what was once around dozens of colors - will be hundreds if not thousands.
You can try to play around with the color reduction algorithm when exporting, but I'm not confident that'll help too much here.

I'd say that it's important to keep things consistent; formatting, typography, and spacing.
Always pay attention to your spacing, font size, and layout - otherwise, it can begin to look unorganized.
I've spent a little bit to provide an example toward that middle part, but in the future I'd work on applying this to all sections.




Looking at the current - there are some issues with separate elements being uneven.

https://i.imgur.com/aTOX7IR.png

Each of these sections has a unique starting point, I'd recommend reducing this to tidy and create an overall cleaner look.

Rough example:
https://i.imgur.com/8i5L942.png




Now on the animation front, it's clean motion overall. However, keeping the animation of each element consistent makes it feel unnatural.
Oddly enough, if you add more inconsistencies to animation - it tends to feel a bit more organic.
For example, adding a delay to each section's (top, middle, bottom) initial move into the composition can help create a more fluid effect.
Rather than the stiff, all in one sliding motion that's currently happening.

Now - the wobbles when it all comes in; I love, love, love, love the wobbles. But you have to give me more - please!
It does take some work to get the timing right when winding down - but it's so worth it in the end.

Also, the loop's transition pacing seems a bit abrupt - don't be afraid of an empty composition for a few more frames.
That immediate bounce back just seems a bit too fast.


Overall, it could use some more love - but it's a great base to build and improve on going forward.

-Chi
Thanks for the detailed reply, really appreciate it.

#8. Posted:
Status: Offline
Joined: Dec 22, 201014Year Member
Posts: 1,194
Reputation Power: 3264
Status: Offline
Joined: Dec 22, 201014Year Member
Posts: 1,194
Reputation Power: 3264
HELLAWAVE wrote
Chi wrote
I'm enjoying seeing more animations on this forum. Glad to see collaboration as well.

Imgur doesn't help, but color meshing is due to so many colors in the gif format.
And blur absolutely destroys a restricted color format; as what was once around dozens of colors - will be hundreds if not thousands.
You can try to play around with the color reduction algorithm when exporting, but I'm not confident that'll help too much here.

I'd say that it's important to keep things consistent; formatting, typography, and spacing.
Always pay attention to your spacing, font size, and layout - otherwise, it can begin to look unorganized.
I've spent a little bit to provide an example toward that middle part, but in the future I'd work on applying this to all sections.




Looking at the current - there are some issues with separate elements being uneven.

https://i.imgur.com/aTOX7IR.png

Each of these sections has a unique starting point, I'd recommend reducing this to tidy and create an overall cleaner look.

Rough example:
https://i.imgur.com/8i5L942.png




Now on the animation front, it's clean motion overall. However, keeping the animation of each element consistent makes it feel unnatural.
Oddly enough, if you add more inconsistencies to animation - it tends to feel a bit more organic.
For example, adding a delay to each section's (top, middle, bottom) initial move into the composition can help create a more fluid effect.
Rather than the stiff, all in one sliding motion that's currently happening.

Now - the wobbles when it all comes in; I love, love, love, love the wobbles. But you have to give me more - please!
It does take some work to get the timing right when winding down - but it's so worth it in the end.

Also, the loop's transition pacing seems a bit abrupt - don't be afraid of an empty composition for a few more frames.
That immediate bounce back just seems a bit too fast.


Overall, it could use some more love - but it's a great base to build and improve on going forward.

-Chi
Thanks for the detailed reply, really appreciate it.



Just saw this, you my guy deserve a clap. Love the feedback, and the detailed tips. Love it!
Users browsing this topic: None
Jump to:


RECENT POSTS

HOT TOPICS