Booklet

author

Konstantin Zhuck

Design

How to Create a Successful Behance Project Part 2

design

Design

|

How to Create a Successful Behance Project Part 2

Today we will talk about technical specifications
In the previous part, we talked about creating a fake design project. Once we finish it, it's time to prepare a presentation.

Width
The balance between a size and a resolution

  1. Your case should be «Sharp».
  2. Your case should load fast (as possible).
  3. Your case should be monolithic.
  4. Your case should have HD animations.

Lenght
Cutting the case
Insert 2-3 animation in the middle of your presentation. It will be perfect to cut the presentation into 7-10 slices.

Reducing the size
Optimize the size of your pngs with tinypng.com This website will compress your images without losing the quality

Animations
Exporting animations I use Principle and it gives me very nice animations with very small sizes. But if you don't use it, follow these steps:

  1. Make animation in any app you want.
  2. Export a video file and open it in the Premire Pro.
  3. Export from the Premiere Pro in 1920x1080 for Youtube (thereis a preinstalled template)

Sharing animation

vimeo.com to upload animations
It's quite an amazing service where you can put all your animations. It has a limit of 500mb per week, but it's more than enough forl case.

  1. Upload your video animation file (1920x1080)
  2. Open it and press «Share»
  3. Select fixed size and type «1920 x 1080»
  4. Select «Autoplay» and «Loop» checkboxes
  5. Deselect all «INTRO» checkboxes - portrait, title, byline (it will hide all elements from video thumbnail in your case)
  6. Copy this code
  7. And paste it using «Embed Media» on Behance

More booklets by Konstantin Zhuck

More Design booklets

Your recently viewed booklets

  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
See all booklets