ShowcaseForum Design Collab w/ HELLAWAVE [UPDATED]Posted:

XyIon
  • Christmas!
Status: Offline
Joined: Dec 22, 20109 Year Member
Posts: 879
Reputation Power: 699
Motto: Behance.net/psdxylon
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 Say Thank You to XyIon For This Useful Post:

2Pac (06-29-2020), Mary (06-29-2020), Tom (06-29-2020), HELLAWAVE (06-29-2020)
#2. Posted:
HELLAWAVE
  • Graphics King
Status: Offline
Joined: Apr 11, 20146 Year Member
Posts: 6,102
Reputation Power: 7110
Motto: We love you Angel, forever in our hearts.
owo
#3. Posted:
Ryan
  • Download King
Status: Offline
Joined: Aug 30, 20181 Year Member
Posts: 4,574
Reputation Power: 12246
Thanks guys I love it.
#4. Posted:
Craig
  • Rated Awesome
Status: Offline
Joined: Jan 16, 20128 Year Member
Posts: 20,052
Reputation Power: 13571
Motto: She said she was 16???
Apart from that groovy looking pixelated Trusted Seller badge it's okay.
#5. Posted:
Chi
  • Graphics King
Status: Online
Joined: Oct 11, 20118 Year Member
Posts: 2,048
Reputation Power: 412
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
  • Gold Gifter
Status: Online
Joined: May 23, 20173 Year Member
Posts: 2,212
Reputation Power: 2452
Motto: Fast and Furious movies are stupid.
UwU. This cute. I'm jealous
#7. Posted:
HELLAWAVE
  • Graphics King
Status: Offline
Joined: Apr 11, 20146 Year Member
Posts: 6,102
Reputation Power: 7110
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:
XyIon
  • Summer 2018
Status: Offline
Joined: Dec 22, 20109 Year Member
Posts: 879
Reputation Power: 699
Motto: Behance.net/psdxylon
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