Sunteți pe pagina 1din 102

Carbonmade

Tutorial

Carbonmade Tutorial maclocanas.wordpress.com 1

maclocanas.wordpress.com

1

What is carbonmade?

maclocanas.wordpress.com

2

Carbonmade develops tools to build and manage online

maclocanas.wordpress.com

3

portfolio websites that contain designs, illustrations and art.

maclocanas.wordpress.com

4

TRUE FACTS!

maclocanas.wordpress.com

5

Simple to use.

maclocanas.wordpress.com

6

Easy on the eyes.

maclocanas.wordpress.com

7

A hassle-free online portfolio.

maclocanas.wordpress.com

8

Ok let’s start

maclocanas.wordpress.com

9

open your browser by clicking it

open your browser by clicking it maclocanas.wordpress.com 1 0

maclocanas.wordpress.com

10

type : carbonmade.com

type : carbonmade.com maclocanas.wordpress.com 1 1

maclocanas.wordpress.com

11

click : sign-up!

click : sign-up! maclocanas.wordpress.com 1 2

maclocanas.wordpress.com

12

type : your name

type : your name maclocanas.wordpress.com 1 3

maclocanas.wordpress.com

13

type : email

type : email maclocanas.wordpress.com 1 4

maclocanas.wordpress.com

14

type your chosen

password

type your chosen password maclocanas.wordpress.com 1 5

maclocanas.wordpress.com

15

click : create your portfolio

!
!

maclocanas.wordpress.com

16

choose your theme !

choose your theme ! maclocanas.wordpress.com 1 7

maclocanas.wordpress.com

17

choose if you like thumbs ,

choose if you like thumbs , maclocanas.wordpress.com 1 8

maclocanas.wordpress.com

18

lefty ,

lefty , maclocanas.wordpress.com 1 9

maclocanas.wordpress.com

19

mason ,

mason , maclocanas.wordpress.com 2 0

maclocanas.wordpress.com

20

or sidescroll ,

or sidescroll , maclocanas.wordpress.com 2 1

maclocanas.wordpress.com

21

then click : I choose you

then click : I choose you maclocanas.wordpress.com 2 2

maclocanas.wordpress.com

22

then click : go on , get started !

then click : go on , get started ! maclocanas.wordpress.com 2 3

maclocanas.wordpress.com

23

then click : go on , get started !

then click : go on , get started ! maclocanas.wordpress.com 2 4

maclocanas.wordpress.com

24

this is inside your

carbonmade

this is inside your carbonmade maclocanas.wordpress.com 2 5

maclocanas.wordpress.com

25

Add Project

maclocanas.wordpress.com

26

first click : your projects

first click : your projects maclocanas.wordpress.com 2 7

maclocanas.wordpress.com

27

then click : add project

then click : add project maclocanas.wordpress.com 2 8

maclocanas.wordpress.com

28

type the : title of your project

type the : title of your project maclocanas.wordpress.com 2 9

maclocanas.wordpress.com

29

click : create your project

click : create your project maclocanas.wordpress.com 3 0

maclocanas.wordpress.com

30

add your photos here

add your photos here maclocanas.wordpress.com 3 1

maclocanas.wordpress.com

31

click : add process

click : add process maclocanas.wordpress.com 3 2

maclocanas.wordpress.com

32

choose your photos

choose your photos maclocanas.wordpress.com 3 3

maclocanas.wordpress.com

33

then click : open

then click : open maclocanas.wordpress.com 3 4

maclocanas.wordpress.com

34

or you can just drag your

photos here

or you can just drag your photos here maclocanas.wordpress.com 3 5

maclocanas.wordpress.com

35

you can type the photo

description here

you can type the photo description here maclocanas.wordpress.com 3 6

maclocanas.wordpress.com

36

then click : add

then click : add maclocanas.wordpress.com 3 7

maclocanas.wordpress.com

37

or you can click : no caption

or you can click : no caption maclocanas.wordpress.com 3 8

maclocanas.wordpress.com

38

then click : done

then click : done maclocanas.wordpress.com 3 9

maclocanas.wordpress.com

39

this will show this page

this will show this page maclocanas.wordpress.com 4 0

maclocanas.wordpress.com

40

click the setting icon

click the setting icon maclocanas.wordpress.com 4 1

maclocanas.wordpress.com

41

you can choose that your

you can choose that your maclocanas.wordpress.com 4 2

maclocanas.wordpress.com

42

portfolio be visible to the public

portfolio be visible to the public maclocanas.wordpress.com 4 3

maclocanas.wordpress.com

43

you can mark is as new

you can mark is as new maclocanas.wordpress.com 4 4

maclocanas.wordpress.com

44

you can click here to archive

project

you can click here to archive project maclocanas.wordpress.com 4 5

maclocanas.wordpress.com

45

you can click here to delete

project

you can click here to delete project maclocanas.wordpress.com 4 6

maclocanas.wordpress.com

46

you can edit project thumb by

clicking here

you can edit project thumb by clicking here maclocanas.wordpress.com 4 7

maclocanas.wordpress.com

47

you can click upload image

you can click upload image maclocanas.wordpress.com 4 8

maclocanas.wordpress.com

48

choose image

choose image maclocanas.wordpress.com 4 9

maclocanas.wordpress.com

49

then click : open

then click : open maclocanas.wordpress.com 5 0

maclocanas.wordpress.com

50

then click : open

then click : open maclocanas.wordpress.com 5 1

maclocanas.wordpress.com

51

then adjust crop by clicking here

then adjust crop by clicking here maclocanas.wordpress.com 5 2

maclocanas.wordpress.com

52

adjust crop by moving icon

adjust crop by moving icon maclocanas.wordpress.com 5 3

maclocanas.wordpress.com

53

then click : done

then click : done maclocanas.wordpress.com 5 4

maclocanas.wordpress.com

54

or you can just click : select

from project

or you can just click : select from project maclocanas.wordpress.com 5 5

maclocanas.wordpress.com

55

select thumbnail

select thumbnail maclocanas.wordpress.com 5 6

maclocanas.wordpress.com

56

adjust image size here

adjust image size here maclocanas.wordpress.com 5 7

maclocanas.wordpress.com

57

then click done

then click done maclocanas.wordpress.com 5 8

maclocanas.wordpress.com

58

you can add more pieces by

clicking here

you can add more pieces by clicking here maclocanas.wordpress.com 5 9

maclocanas.wordpress.com

59

you can manage pieces by

clicking here

you can manage pieces by clicking here maclocanas.wordpress.com 6 0

maclocanas.wordpress.com

60

you can add description by

clicking here

you can add description by clicking here maclocanas.wordpress.com 6 1

maclocanas.wordpress.com

61

type your description here

type your description here maclocanas.wordpress.com 6 2

maclocanas.wordpress.com

62

then click : add

then click : add maclocanas.wordpress.com 6 3

maclocanas.wordpress.com

63

you can add who your

you can add who your maclocanas.wordpress.com 6 4

maclocanas.wordpress.com

64

portfolio is for by clicking

here

portfolio is for by clicking here maclocanas.wordpress.com 6 5

maclocanas.wordpress.com

65

type here

type here maclocanas.wordpress.com 6 6

maclocanas.wordpress.com

66

then click add

then click add maclocanas.wordpress.com 6 7

maclocanas.wordpress.com

67

to add role click here

to add role click here maclocanas.wordpress.com 6 8

maclocanas.wordpress.com

68

type here

type here maclocanas.wordpress.com 6 9

maclocanas.wordpress.com

69

then click : add

then click : add maclocanas.wordpress.com 7 0

maclocanas.wordpress.com

70

you can add date here

you can add date here maclocanas.wordpress.com 7 1

maclocanas.wordpress.com

71

type here

type here maclocanas.wordpress.com 7 2

maclocanas.wordpress.com

72

then click : add

then click : add maclocanas.wordpress.com 7 3

maclocanas.wordpress.com

73

add url here

add url here maclocanas.wordpress.com 7 4

maclocanas.wordpress.com

74

type here

type here maclocanas.wordpress.com 7 5

maclocanas.wordpress.com

75

then click : add

then click : add maclocanas.wordpress.com 7 6

maclocanas.wordpress.com

76

you can add type here

you can add type here maclocanas.wordpress.com 7 7

maclocanas.wordpress.com

77

type here

type here maclocanas.wordpress.com 7 8

maclocanas.wordpress.com

78

then click : add

then click : add maclocanas.wordpress.com 7 9

maclocanas.wordpress.com

79

you can add custom detail by

clicking here

you can add custom detail by clicking here maclocanas.wordpress.com 8 0

maclocanas.wordpress.com

80

type here

type here maclocanas.wordpress.com 8 1

maclocanas.wordpress.com

81

then click : add

then click : add maclocanas.wordpress.com 8 2

maclocanas.wordpress.com

82

you can personalize by clicking here

you can personalize by clicking here maclocanas.wordpress.com 8 3

maclocanas.wordpress.com

83

change your theme by clicking here

change your theme by clicking here maclocanas.wordpress.com 8 4

maclocanas.wordpress.com

84

change name by clicking here

change name by clicking here maclocanas.wordpress.com 8 5

maclocanas.wordpress.com

85

change your logo here

change your logo here maclocanas.wordpress.com 8 6

maclocanas.wordpress.com

86

change color scheme here

change color scheme here maclocanas.wordpress.com 8 7

maclocanas.wordpress.com

87

change mood here

change mood here maclocanas.wordpress.com 8 8

maclocanas.wordpress.com

88

hover color here

hover color here maclocanas.wordpress.com 8 9

maclocanas.wordpress.com

89

change type treatment here

change type treatment here maclocanas.wordpress.com 9 0

maclocanas.wordpress.com

90

change home page styling

here

change home page styling here maclocanas.wordpress.com 9 1

maclocanas.wordpress.com

91

change thumb ratio here

change thumb ratio here maclocanas.wordpress.com 9 2

maclocanas.wordpress.com

92

show thumbnail text here

show thumbnail text here maclocanas.wordpress.com 9 3

maclocanas.wordpress.com

93

display project title here

display project title here maclocanas.wordpress.com 9 4

maclocanas.wordpress.com

94

change caption placement

here

change caption placement here maclocanas.wordpress.com 9 5

maclocanas.wordpress.com

95

you can change site settings

here

you can change site settings here maclocanas.wordpress.com 9 6

maclocanas.wordpress.com

96

change privacy here

change privacy here maclocanas.wordpress.com 9 7

maclocanas.wordpress.com

97

change portfolio address

here

change portfolio address here maclocanas.wordpress.com 9 8

maclocanas.wordpress.com

98

change name here

change name here maclocanas.wordpress.com 9 9

maclocanas.wordpress.com

99

change meta description

here

change meta description here maclocanas.wordpress.com 1 0 0

maclocanas.wordpress.com

100

That’s it. It’s now your turn to

make your online portfolio.

maclocanas.wordpress.com

101

Move fast and break things. Unless you are breaking

stuff, you are not moving fast

enough.

- Mark Zuckerberg

maclocanas.wordpress.com

102