Cloudinary Lessons

Cloudinary Cookbook

Complete Exercises 1-8

Color

e_colorize,co_pink or e_colorize:30,co_rgb:FFC0CB

Border

bo_2px_solid_red or bo_15px_solid_rgb:ff0000

Sizing

w_200 and h_200 will resize image to be 200 x 200 pixels.
Pick colors here.

Layers

l_imagename (overlay) or u_imagename (underlay)

Move Layer

x_100 or x_-100 will move the layer left/right 100 pixels
y_100 or y_-100 will move the layer up/down 100 pixels

Sizing

w_200 and h_200 will resize image to be 200 x 200 pixels.
Pick colors here.

Layers

l_imagename (overlay) or u_imagename (underlay)

Starting Point

g_center, g_north, g_north_east, g_north_west, g_south, g_south_east, g_south_west

Move Layer

x_100 or x_-100 will move the layer left/right 100 pixels
y_100 or y_-100 will move the layer up/down 100 pixels

Rotate/Flip

a_10 or a_-10 will rotate 10 degrees
a_vflip.20 or a_hflip.0 will mirror flip the image and rotate 20 degrees
Upload Selfie here.

Effects

e_sepia,e_art:audrey,e_art:zorro,e_art:primavera, etc.

Custom Crop Shape

l_torn-paper,w_1.0,h_1.0,fl_relative,fl_cutter - This torn-paper crop is 100% width/height of the image.

Background Color

o_80,b_black - Black background with 80% opacity

Text

l_text:Cedarville%20Cursive_50_bold:"Mad%20Dog"%20Mac - Try Roboto font.
%20 is a space using url encode.

Color

co_rgb:ffffff - Color = white
Upload Selfie here.

Vector

e_vectorize:colors:7:detail:0.08 - Change colors and detail for artistic effects.

Gradient

e_gradient_fade,y_-0.25,b_rgb:000000 - Use a gradient to see text better.

Rounded borders

r_20,bo_6px_solid_rgb:ff7f50 - or r_max

Text

l_text:Cedarville%20Cursive_50_bold:"Mad%20Dog"%20Mac - Try Roboto font.
%20 is a space using url encode.

Color

co_rgb:ffffff - Color = white
Pick A Color Here.

Cropping

c_crop,g_south,x_0,y_0,w_0,h_0 - use x & y to say where to crop and w & h to tell the size.

Sample Pattern

w_900,h_900/l_clover.png,w_300,g_north_west/l_clover.png,w_300,g_south_east/l_clover.png,w_300,g_center/paper
Upload Selfie here.

Cutout

l_xmastree.png,w_350/e_cut_out,y_0,fl_layer_apply

Underlay

u_kids,w_300,y_0,x_0
Upload Selfie here.

Sized for full image and a color matching background.

w_1080,h_1350,b_auto:predominant,c_pad

Sized for a cropped image.

w_1080,h_1350,c_crop,g_auto or w_1080,h_1920,c_fill,g_auto
Upload Selfie here.