-
Notifications
You must be signed in to change notification settings - Fork 1
/
question.html
321 lines (306 loc) · 15.7 KB
/
question.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How do I scale in a layer style overlay greater than 150% in Photoshop while using the timeline? | Q&A Student Community</title>
<link rel="stylesheet" href="css/question.min.css">
</head>
<body>
<nav>
<ul>
<li>
<div class="logo">
<img src="asset/logo.png" alt="Logo">
</div>
</li>
<li>
<a href="#">Home</a>
</li>
<li>
<a class="askquestion" href="#">Ask A Question</a>
</li>
<li>
<form method="post">
<input type="text" placeholder="Find A Question" />
<button type="submit">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M11.8359 10.3758L9.49922 8.03906C9.39375 7.93359 9.25078 7.875 9.10078 7.875H8.71875C9.36563 7.04766 9.75 6.00703 9.75 4.875C9.75 2.18203 7.56797 0 4.875 0C2.18203 0 0 2.18203 0 4.875C0 7.56797 2.18203 9.75 4.875 9.75C6.00703 9.75 7.04766 9.36563 7.875 8.71875V9.10078C7.875 9.25078 7.93359 9.39375 8.03906 9.49922L10.3758 11.8359C10.5961 12.0562 10.9523 12.0562 11.1703 11.8359L11.8336 11.1727C12.0539 10.9523 12.0539 10.5961 11.8359 10.3758ZM4.875 7.875C3.21797 7.875 1.875 6.53438 1.875 4.875C1.875 3.21797 3.21562 1.875 4.875 1.875C6.53203 1.875 7.875 3.21562 7.875 4.875C7.875 6.53203 6.53438 7.875 4.875 7.875Z" fill="#01497C"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="12" height="12" fill="white"/>
</clipPath>
</defs>
</svg>
</button>
</form>
</li>
<li class="profile">
<a href="#">
<div class="image-container">
<img src="asset/profile.png" alt="profile image">
</div>
Good Morning, <b>Cindy Hernandez</b>
</a>
</li>
</ul>
<div class="nav-mobile">
<a class="logo"></a>
<button id="mobile-button" class="close"></button>
<ul class="dropdown">
<li class="profile">
<a href="#">
<div class="image-container">
<img src="asset/profile.png" alt="profile image">
</div>
Good Morning, <b>Cindy Hernandez</b>
</a>
</li>
<li>
<a href="#">Home</a>
</li>
<li>
<a class="ask-question" href="#">Ask Question</a>
</li>
<li>
<form method="post">
<input type="text" placeholder="Find A Question" required>
<button type="submit"></button>
</form>
</li>
</ul>
</div>
</nav>
<div class="container">
<section class="breadcrumb">
<a href="#">Home</a>
<a href="#">Design 1010</a>
<p>How do I scale in a layer style overlay greater than 150% in Photoshop while using the timeline?</p>
</section>
<section class="content">
<div class="question">
<article>
<h1 class="title">How do I scale in a layer style overlay greater than 150% in Photoshop while using the timeline?</h1>
<div class="question-detail">
<p>This question shows research effort; it is useful and clear 0</p>
<p>I was wondering how or why is there a hard limit to 150% scaling for any layer overlay that's available as I thought this could be anything over 1% in theory. Or is there a trick to get around this?
</p>
<p>Surely with the hardware available, this shouldn't be related to that.
</p>
<p>
See attached of what I'm referring.</p>
<p>EDIT My overall goal here is to animate the style and keyframe the scale. The answer by Luciano was ok for a different application but unfortunately, this doesn't work with the timeline AFAIK.
</p>
</div>
<div class="info">
<a class="profile" href="#">
<div class="profile-image">
<img src="asset/profile-question.jpg" alt="profile image">
</div>
Zahra Pangestu
</a>
<p class="time">1 hour ago</p>
</div>
<div class="buttons">
<a href="#" class="answer">Give Answer</a>
<a href="#" class="like"><img src="asset/like.svg" alt="like icon"> 1500</a>
<a href="#" class="report"><img src="asset/report.svg" alt="report icon"> Report this question</a>
</div>
</article>
<section class="answer">
<p class="title">3 Answers</p>
<div class="answer-item">
<div class="info">
<p class="best-answer">Best Answer</p>
<a class="profile" href="#">
<div class="image-container">
<img src="asset/profile-answer-1.jpg" alt="Profile picture">
</div>
Natasya Firdaus
</a>
<p class="time">15 minute ago</p>
</div>
<div class="answer-content">
<p>Create a vector shape (U) - it could be any shape, if it's going to be larger than the artboard or the layer below;
</p>
<p>Change the Fill to a gradient, keep Align with Layer checked;
</p>
<p>Transform (⌘+T) and scale the shape to the size you want;
</p>
<p>clip it to the layer below by holding ALT and clicking between the layer thumbnails;
</p>
<p>change opacity / blending mode / etc if necessary.</p>
</div>
<a class="like" href="#">
<div class="icon-container ">
<img src="asset/green-like.svg " alt="like icon "> 1402
</div>
</a>
</div>
<div class="answer-item">
<div class="info">
<a class="profile" href="#">
<div class="image-container">
<img src="asset/profile-answer-2.jpg" alt="Profile picture">
</div>
Dina Hadinata
</a>
<p class="time">15 minute ago</p>
</div>
<div class="answer-content">
<p>There're a lot of hard limitations like this in Photoshop: my best guess is Adobe is full of sadists. I don't know if it's possible to make scale of the layer style more than 150%, but creating a shape with a gradient, clipping
it and then scaling would be my workaround</p>
</div>
<a class="like" href="#">
<div class="icon-container ">
<img src="asset/green-like.svg " alt="like icon "> 551
</div>
</a>
</div>
<div class="answer-item">
<div class="info">
<a class="profile" href="#">
<div class="image-container">
<img src="asset/profile-answer-3.jpg" alt="Profile picture">
</div>
Kevin Dimas
</a>
<p class="time">15 minute ago</p>
</div>
<div class="answer-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla orci vulputate sit venenatis, volutpat. Tortor odio facilisis turpis sed. Est consectetur nisi, vulputate eget ut. Pharetra, turpis iaculis eleifend facilisi pellentesque
urna in odio nulla. Lacus fames libero arcu integer. Nunc adipiscing sed elit blandit nunc mauris risus venenatis consectetur. Sit ut purus, maecenas nunc, malesuada diam id etiam. Pharetra non ullamcorper viverra blandit
massa. Id aliquam nec sagittis, nulla varius enim vitae urna. Ridiculus nec rhoncus molestie tristique nunc. Aliquet sed.</p>
</div>
<a class="like" href="#">
<div class="icon-container ">
<img src="asset/green-like.svg " alt="like icon "> 202
</div>
</a>
</div>
<div id="answer-box">
<p class="title">Let's Solve The Question</p>
<p class="subtitle">Do you know the answer? Let’s solve this question by answer this question</p>
<form method="post">
<textarea id="answer-input"></textarea>
<button class="submit" type="submit">Send Answer</button>
</form>
</div>
</section>
</div>
<aside class="sidebar ">
<section class="question-for-you">
<p class="title">Questions For You</p>
<a href="#" class="question-item">How to delete the first slice photoshop generated while using slice tool?</a>
<a href="#" class="question-item">Display layer where luminosity is greater than fixed value</a>
<a href="#" class="question-item">The diff between a shape layer and a layer with a vector mask when applying a gradient overlay layer style in photoshop CS 6?</a>
<a href="#" class="question-item">Masking an image using a shape with layer style in Photoshop</a>
<a href="#" class="question-item">Photoshop rasterize layer style</a>
</section>
<section class="top-questions">
<p class="title">Top Questions </p>
<div class="question-item">
<div class="vote-score">
<img src="asset/top-vote-question.svg" alt="top icon">
<p>100</p>
</div>
<div class="question-detail">
<a href='#'>How many ion thrusters would be needed to accelerate a 1000 tonne craft at 9.8m/s²?
</a>
</div>
</div>
<div class="question-item">
<div class="vote-score">
<img src="asset/top-vote-question.svg" alt="top icon">
<p>58</p>
</div>
<div class="question-detail">
<a href='#'>In Tolkien's universe, what happens if a Ring of Power is worn by a member of a race other than the one the ring was made for?
</a>
</div>
</div>
<div class="question-item">
<div class="vote-score">
<img src="asset/top-vote-question.svg" alt="top icon">
<p>42</p>
</div>
<div class="question-detail">
<a href='#'>A photon travels in a vacuum from A to B to C. From the point of view of the photon, are A, B, and C at the same location in space and time?
</a>
</div>
</div>
<div class="question-item">
<div class="vote-score">
<img src="asset/top-vote-question.svg" alt="top icon">
<p>39</p>
</div>
<div class="question-detail">
<a href='#'>Which was the first sci-fi story to feature power armors for military use?
</a>
</div>
</div>
<div class="question-item">
<div class="vote-score">
<img src="asset/top-vote-question.svg" alt="top icon">
<p>24</p>
</div>
<div class="question-detail">
<a href='#'>How do I scale in a layer style overlay greater than 150% in Photoshop while using the timeline?
</a>
</div>
</div>
</section>
</aside>
</section>
</div>
<footer>
<div class="menu">
<div class="item">
<div class="logo-container">
<img src="asset/logo-white.png" alt="logo">
</div>
<p class="address">Taman Rumpun Bahagia 75300 Melaka</p>
<p class="phone">(505) 555-0125</p>
</div>
<div class="item">
<p class="title">Company</p>
<a href="#">About</a>
<a href="#">Contact</a>
<a href="#">Careers</a>
</div>
<div class="item">
<p class="title">Link</p>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
<div class="item">
<p class="title">Link</p>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
<div class="item">
<p class="title">Link</p>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
</div>
</footer>
<div class="copyright">
<p class="copyright">Copyright 2021 <a href="https://www.github.com/ariefnugraha" target="_blank">Muhammad Arief Nugraha</a></p>
</div>
<script src="./js/index.js"></script>
<!-- CALL TINYMCE -->
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
tinymce.init({
selector: "#answer-input"
})
</script>
</body>
</html>