Bleam Customization Tutorial

Post on 29-Nov-2014

891 views 0 download

description

How to customize a bleam?

Transcript of Bleam Customization Tutorial

HOW TO CUSTOMIZE A BLEAM

?

2

The Bleam The smart logo

3

The Bleam

How to customize a bleam?

Easy, creative, and powerfull

Key points : • next generation of 3D tag

• innovative mobile services

and new lines of interactive communication

• adapted for business uses

• new social tool for every social network user

4

The Bleam

How to customize a bleam?

How to begin ? • connect to the bleam manager http://manager.ubleam.com

• create your first bleam in the Studio

• download the bleam and print it

• or continue your customization with the SVG format with Illustrator

• download the Ubleam application to scan your bleam : http://bleam.it

Easy, creative, and powerful

5

The Bleam

How to customize a bleam?

The Bleam Studio

Customize the bleam by uploading an image

Download the bleam in PNG or SVG format

Change the color of the external ring and of the

background

Insert an explicative text block concerning

the downolading of the Ubleam application

How to customize a bleam?

Access instantly to a mobile and interactive content 2

Scan the bleam with the Ubleam application on your smartphone 1

CONGRATS

You are the winer

of our game !

The Bleam

Ubleam application

How it works? The structure

7

8

How does it work ?

How to customize a bleam ?

Reference point

Coding points

Outer margin

Ring (also called crown)

Bleam Rule #1: the margins should not be removed otherwhise the bleam won’t

fully work

Inner margin

Fundamental structure

9

How does it work ?

How to customize a bleam ?

Inactive point

Active point

Bleam Rule #2: active points must be the same brightness as the ring.

Brightness

Ring

10

How does it work ?

How to customize a bleam ?

Brightness

The active points (white) have not the same brightness as the ring unlike the inactive points (blue)

11

How does it work ?

How to customize a bleam ?

Contrast

Bleam Rule #3: inactive points have to be brighter than the active

points.

Inactive point

Active point

12

How does it work ?

How to customize a bleam ?

The inactive points are darker than the active points

The inactive points are brighter than the active points.

Active point

Inactive point

Contrast

13

How does it work ?

How to customize a bleam ?

The active points (orange) are not the same brightness as the external ring (pink)

The active points (pink) are the same brightness as the external ring (pink)

Tips : when you want to inverse the colors of your bleam, make sure that the active points are the same brightness of the crown.

Negative effect

Basic

Customization Color changes

14

15

Basic Customization

Color changes

How to customize a bleam ?

Raw bleam Customized bleam Customized bleam

with a logo

16

Basic Customization

Color changes

How to customize a bleam ?

Bleam Rule #4: colors can be changed respecting brightness and contrasts

Customization Gradients, shape changes and decoration

17

Customization

Gradation

18

Bleam Rule #5: it is possible to use a color gradiation if it is not too contrasted and it is better to have the part of the gradient at the level of the reference point.

Customization

Shape changes

19

Bleam Rule #6: points can be reshaped respecting minimum size (>50%) and neighbor points. The external ring cannot be changed.

Tips : dowload your bleam in SVG format through the Bleam Studio to customize it in Illustrator.

Customization

Shape changes

20

Bleam Rule #7: the reference point can be changed only and only if it respects some technical criteria! It has to be: • in the center of the crown • large enough (the same diameter as the initial round form) • at the same place as the initial reference point

Customization

Shape changes

21

Initial reference point’s form is not respected, points don’t respect the minimal size and neighbor points.

Customization

Decoration : background

22

The background is too dark, the active points cannot be correctly read.

The background is enough transparent to read correctly the active points.

Customization

Decoration : image background

23

The background is too dark, the active points are not easily readable, and the inner edging was removed.

Some examples

24

25

Some examples

How to customize a bleam ?

Go to the Pinterest board

26

Some examples

How to customize a bleam ?

27

Some examples

How to customize a bleam ?

The bleam offers endless creative alternatives and many ways to adapt your logo and images.

28

Some examples

How to customize a bleam ?

Have any

questions? More information on www.ubleam.com contact@ubleam.com

29

?