1
00:00:01,230 --> 00:00:01,950
Hi there.

2
00:00:02,070 --> 00:00:07,770
In this tutorial, we will learn how to create a 3D glass mockup in Adobe Photoshop.

3
00:00:08,130 --> 00:00:13,950
So let's take a look at how it will create a 3D glass mockup in Adibi Photoshop.

4
00:00:14,460 --> 00:00:17,700
So at first we have to open our exorcized file.

5
00:00:17,790 --> 00:00:21,780
So let's open our excercise file from the file menu.

6
00:00:21,870 --> 00:00:28,910
And from there, we will claig this open option inside or excercise file a real game.

7
00:00:29,010 --> 00:00:35,700
This Mocho folder and inside the mockup folder, you have to select this bad crown image and then you

8
00:00:35,700 --> 00:00:36,900
have to click open.

9
00:00:38,580 --> 00:00:40,590
So here is our image.

10
00:00:40,680 --> 00:00:43,540
And right now, we will use the title.

11
00:00:44,130 --> 00:00:45,930
So here is the type two.

12
00:00:46,080 --> 00:00:50,790
And let's write some text in here.

13
00:00:51,240 --> 00:00:57,930
And you can use some different colour as your text color instead of white or black.

14
00:00:58,380 --> 00:01:04,040
So we are using this color and less type some text.

15
00:01:04,140 --> 00:01:06,390
I want to write a logo mockup.

16
00:01:08,260 --> 00:01:08,770
Lobal.

17
00:01:10,390 --> 00:01:10,690
Mirko.

18
00:01:11,950 --> 00:01:12,200
OK.

19
00:01:12,770 --> 00:01:19,310
So here is a checkmark, you can use this tick mark or you can hit control and enter a button from your

20
00:01:19,310 --> 00:01:19,820
keyboard.

21
00:01:21,170 --> 00:01:24,960
And right now we will discharge this takes.

22
00:01:25,280 --> 00:01:31,130
But before that, we have to convert these takes to layer into a smart object.

23
00:01:31,190 --> 00:01:32,390
So therefore, we have to.

24
00:01:32,390 --> 00:01:32,690
Right.

25
00:01:32,720 --> 00:01:33,590
Click on here.

26
00:01:34,010 --> 00:01:37,880
And then we will gain this convert to a smart object option.

27
00:01:39,510 --> 00:01:40,790
So you can take a look.

28
00:01:40,890 --> 00:01:44,130
Our takes to layer is converted into smart object.

29
00:01:44,550 --> 00:01:50,400
And now we have to press control our comment t from our keyboard.

30
00:01:50,850 --> 00:01:57,000
And right now, we will use this to transform option.

31
00:01:57,060 --> 00:02:00,030
And therefore, we have to click the edit menu.

32
00:02:00,060 --> 00:02:03,120
And from there, we will go for transform option.

33
00:02:03,240 --> 00:02:07,050
And from there, we will go for discharge option.

34
00:02:07,080 --> 00:02:10,170
So let me claig this discharge option.

35
00:02:11,710 --> 00:02:13,510
And we have to.

36
00:02:16,320 --> 00:02:19,650
Plays this takes it in this way.

37
00:02:20,890 --> 00:02:22,780
OK, so here is a tick mark.

38
00:02:22,910 --> 00:02:25,570
Are you can hate the intro button from your keyboard.

39
00:02:28,160 --> 00:02:35,870
Now we have to duplicate this, the logo mockup layers, so therefore we have to right click on here.

40
00:02:35,920 --> 00:02:39,320
And then we will get this duplicate layer option.

41
00:02:39,440 --> 00:02:42,200
So you have to play this duplicate layer option.

42
00:02:42,680 --> 00:02:45,560
And I want to write Shadow.

43
00:02:48,770 --> 00:02:48,980
OK.

44
00:02:49,080 --> 00:02:57,550
And then we have to click, OK, and we have to place this shadow layer under the logo, mock up layer,

45
00:02:57,560 --> 00:03:03,510
so you just have to place this shadow layer under the logo mockup layer.

46
00:03:04,350 --> 00:03:04,930
OK, cool.

47
00:03:07,000 --> 00:03:14,860
Now we have to work with this shadow layer and we will use the blending option for shadow layer.

48
00:03:15,160 --> 00:03:18,730
So therefore you just have to select this a shadow layer and you have to.

49
00:03:18,730 --> 00:03:19,120
Right.

50
00:03:19,120 --> 00:03:25,000
Click with your mouse right button and then you will get these blending options.

51
00:03:27,010 --> 00:03:31,970
OK, so at first we have to use the Gahler overlay.

52
00:03:32,080 --> 00:03:35,230
So here is the option for coller overlay.

53
00:03:35,590 --> 00:03:37,930
And you have to use the.

54
00:03:39,850 --> 00:03:40,780
Black color.

55
00:03:41,740 --> 00:03:47,440
As our caller overlap, and you should have to use the normal blend.

56
00:03:48,370 --> 00:03:52,540
And now we will go for a drop shadow option.

57
00:03:54,180 --> 00:03:59,070
OK, so we have to change the settings for drop shadow.

58
00:03:59,820 --> 00:04:05,190
I think opacity seems quite too low and we have to increase the capacity.

59
00:04:05,610 --> 00:04:11,220
We can go for a 75 percent and we have to we have to increase the distance.

60
00:04:11,550 --> 00:04:14,220
So let's increase the distance far.

61
00:04:14,890 --> 00:04:16,130
Twenty five pixel.

62
00:04:16,230 --> 00:04:24,480
And you can take a look at the effect of a drop shadow is applied to this takes and let's increase the

63
00:04:24,480 --> 00:04:26,250
percentage of those spread.

64
00:04:31,860 --> 00:04:34,290
Let's keep the far fifteen percent.

65
00:04:38,860 --> 00:04:40,720
And let's increase the size.

66
00:04:43,370 --> 00:04:47,300
I think sixteen Exell will be great.

67
00:04:48,500 --> 00:04:50,500
OK, so let me click, OK?

68
00:04:53,070 --> 00:04:57,510
And right now, we're real ADIC group in here.

69
00:04:57,630 --> 00:04:59,250
Inside the layer panel.

70
00:04:59,370 --> 00:05:04,770
So you have to select this shadow layer and then you have to claig this group option.

71
00:05:04,800 --> 00:05:08,990
So let me click on this group option and you can take a look at Neo.

72
00:05:09,060 --> 00:05:11,570
A group is added inside the layer panel.

73
00:05:11,880 --> 00:05:14,000
And we have to rename this group.

74
00:05:14,250 --> 00:05:19,820
So you just have to double click on here and lick me, right, shadow, OK?

75
00:05:20,460 --> 00:05:24,690
And we have to move this shadow layer inside the group.

76
00:05:24,750 --> 00:05:25,830
So let's do that.

77
00:05:26,160 --> 00:05:31,790
You just have to drag and drop this shadow layer inside the shadow group.

78
00:05:31,860 --> 00:05:33,090
So let me.

79
00:05:35,000 --> 00:05:37,620
Close the shadow group.

80
00:05:38,030 --> 00:05:42,850
And you can take of the shadow layer plays inside the shadow group.

81
00:05:43,430 --> 00:05:46,550
And right now we have to select this shadow layer.

82
00:05:46,610 --> 00:05:51,110
And we have to duplicate this shadow layer for three or four times.

83
00:05:51,500 --> 00:05:53,680
So we will use the Shard card.

84
00:05:55,280 --> 00:05:59,180
Key from our keyboard and to duplicate this is chandelier.

85
00:05:59,210 --> 00:06:07,480
You have to press control or comment G from your keyboard and you can take a look after her duplicated

86
00:06:07,490 --> 00:06:13,790
this chandelier, dipped off a shadow in crazing inside these text.

87
00:06:14,030 --> 00:06:16,580
So let's do that for three or four more times.

88
00:06:19,650 --> 00:06:19,920
OK.

89
00:06:20,820 --> 00:06:21,360
Looks good.

90
00:06:21,870 --> 00:06:24,120
So let me close the shadow folder.

91
00:06:24,930 --> 00:06:26,040
I'm in shadow group.

92
00:06:26,550 --> 00:06:32,420
And now we have tools work with the global mock up layer.

93
00:06:32,760 --> 00:06:37,440
And we have to use the blending option for this logo mockup layer.

94
00:06:37,500 --> 00:06:39,330
And therefore, we have to.

95
00:06:39,330 --> 00:06:39,630
Right.

96
00:06:39,660 --> 00:06:40,560
Click on here.

97
00:06:41,250 --> 00:06:43,790
And then we will go for blending options.

98
00:06:46,810 --> 00:06:52,730
OK, we will add Bayville, an ambush for these takes.

99
00:06:54,080 --> 00:06:56,840
So let's change the barometer.

100
00:06:57,230 --> 00:06:59,620
We have to increase the depth.

101
00:06:59,960 --> 00:07:01,610
So let's increase the depth.

102
00:07:02,130 --> 00:07:05,800
I think a hundred fifty percent will be great.

103
00:07:06,740 --> 00:07:08,990
And let's increase the size.

104
00:07:12,770 --> 00:07:14,880
OK, in pig soul sounds good.

105
00:07:14,960 --> 00:07:17,010
And let's increase the sluffed in.

106
00:07:19,370 --> 00:07:19,520
OK.

107
00:07:19,610 --> 00:07:20,730
Two pigs, all seems good.

108
00:07:21,050 --> 00:07:25,770
So we have to place the inner Bayville as our child.

109
00:07:26,900 --> 00:07:33,550
And we will use a hundred and fifty percent for debate and we will use 10 pigs pixel for size and to

110
00:07:33,550 --> 00:07:35,030
pigs so far often.

111
00:07:35,360 --> 00:07:38,810
And you can take a look now, which really looks good in here.

112
00:07:39,110 --> 00:07:40,600
And let me click, OK?

113
00:07:41,000 --> 00:07:41,240
Right.

114
00:07:41,280 --> 00:07:43,660
No, we will work with the effect part.

115
00:07:43,790 --> 00:07:49,370
And for that, we have to place an image from our exercise file.

116
00:07:49,400 --> 00:07:51,650
So let's place an image.

117
00:07:53,280 --> 00:07:54,810
From our exercise file.

118
00:07:54,900 --> 00:08:00,450
So let's make sure this all local mockable area is selected and we will go for file menu.

119
00:08:00,480 --> 00:08:02,760
And from there we will move our place.

120
00:08:02,850 --> 00:08:03,600
Limited option.

121
00:08:05,240 --> 00:08:13,010
And inside our Moscow folder, you will get this text effect image and you have to take place by selecting

122
00:08:13,190 --> 00:08:15,260
that takes effect MH.

123
00:08:16,810 --> 00:08:23,590
So you can take a look and you have to you have to place this takes effect, you mage.

124
00:08:24,930 --> 00:08:25,440
Carefully.

125
00:08:25,470 --> 00:08:30,610
Because we have to offer these local mockup takes.

126
00:08:31,870 --> 00:08:33,910
By this takes effect image.

127
00:08:34,020 --> 00:08:41,550
So let me click on this tick mark, and now we have to make these stakes difficult here as a clipping.

128
00:08:42,970 --> 00:08:43,340
Mosque.

129
00:08:43,480 --> 00:08:46,000
So we have to right click on here.

130
00:08:46,540 --> 00:08:54,250
And then we have to use this create clipping mosque option so you can take a look.

131
00:08:54,280 --> 00:08:55,810
This takes effect.

132
00:08:55,840 --> 00:09:01,420
Image is now applied or like an effect on this text.

133
00:09:01,750 --> 00:09:03,880
And Mauer's really looks awesome.

134
00:09:03,910 --> 00:09:11,390
So this is the simple process for creating a treaty glass mock up in and we Photoshop.

135
00:09:11,500 --> 00:09:18,810
And right now we will cheek how it's looked like if we pleased.

136
00:09:19,150 --> 00:09:26,540
A different logo are some different shapes are based inside these mockup be as defined.

137
00:09:26,950 --> 00:09:31,570
So therefore we have to double click on this logo mockup layer.

138
00:09:31,630 --> 00:09:33,310
We have to double click on here.

139
00:09:34,180 --> 00:09:37,810
And let's turn off the logo mockup layer.

140
00:09:38,230 --> 00:09:40,420
And let's draw some custom shapes.

141
00:09:40,480 --> 00:09:43,150
So here is the custom shaped option.

142
00:09:43,240 --> 00:09:52,180
And let's let's use this a registered shapes because it looks like a logo.

143
00:09:55,340 --> 00:09:55,640
OK.

144
00:09:55,820 --> 00:10:04,340
Looks good and we have to we have to save these logo mock up that has been filed, so therefore we have

145
00:10:04,340 --> 00:10:05,840
to click the file menu.

146
00:10:05,870 --> 00:10:08,300
And from there, we will go for same option.

147
00:10:10,290 --> 00:10:16,560
And now we have to take a look, our outward filing here in this tab.

148
00:10:17,770 --> 00:10:18,000
OK.

149
00:10:18,120 --> 00:10:19,050
You can take a look.

150
00:10:19,080 --> 00:10:22,500
This is the output of.

151
00:10:23,500 --> 00:10:24,620
Raced out of shape.

152
00:10:24,740 --> 00:10:27,260
Inside our mockup file.

153
00:10:28,360 --> 00:10:33,580
And if you want to turn off, that takes effect, you can turn it off.

154
00:10:33,670 --> 00:10:38,260
And now have the actual color of.

155
00:10:39,400 --> 00:10:44,430
Takes and if you want to turn on, then it just has to click on here, OK?

156
00:10:44,800 --> 00:10:47,050
So let's add some more grapes.

157
00:10:48,070 --> 00:10:49,230
So let me click on the.

158
00:10:49,360 --> 00:10:51,730
Here is the here is the bar shape.

159
00:10:51,880 --> 00:10:53,980
Let me draw a bar shape.

160
00:10:54,010 --> 00:10:55,660
And I don't want to use this color.

161
00:10:56,090 --> 00:10:57,820
I will go for a green color.

162
00:10:59,880 --> 00:11:01,440
So here is the green color.

163
00:11:02,760 --> 00:11:05,790
And only Queen Traw barred.

164
00:11:07,360 --> 00:11:07,840
OK.

165
00:11:08,410 --> 00:11:10,840
And let's draw some more grapes.

166
00:11:10,900 --> 00:11:12,070
So here is a grass.

167
00:11:15,620 --> 00:11:16,370
Let me pose this.

168
00:11:16,800 --> 00:11:17,420
Ross.

169
00:11:19,010 --> 00:11:22,480
OK, now we have to save this BCB file.

170
00:11:22,610 --> 00:11:25,190
Here is the file menu save option.

171
00:11:25,610 --> 00:11:26,800
And let's take a look.

172
00:11:26,910 --> 00:11:27,550
Output.

173
00:11:28,670 --> 00:11:28,940
OK.

174
00:11:29,000 --> 00:11:30,620
So here is the output.

175
00:11:30,710 --> 00:11:37,490
And if you wonder, turn off the text effect, you can turn off our if you want to keep the same text

176
00:11:37,490 --> 00:11:38,840
effect, you can turn on.

177
00:11:39,470 --> 00:11:43,520
So this is how we will create Tayloe will mark up.

178
00:11:43,520 --> 00:11:46,630
I mean 3D lobal mock up in Photoshop.

179
00:11:46,700 --> 00:11:48,320
So I'll see you in next Jason.