Рет қаралды 358,333
In this video, I'm exploring grainy textures in both design and code.
// Check the daily designs on CodePen:
Day 1: codepen.io/Jux...
Day 2: codepen.io/Jux...
Day 3: codepen.io/Jux...
Day 4: codepen.io/Jux...
Day 5: codepen.io/Jux...
// Check my designs on Dribbble:
dribbble.com/j...
// Tools mentioned in the video:
Noise generator: fffuel.co/nnno...
SVG to Base64: fffuel.co/eeen...
// Custom Grainy Shape Path Code Ready for Copy/Paste:
codepen.io/Jux...
// Dribbble designs featured in the video:
dribbble.com/s...
dribbble.com/s...
dribbble.com/s...
Timestamps:
00:00 Intro
00:26 What are Grainy Textures
00:54 Designing Grainy Textures
02:23 Coding Grainy Textures
03:02 Creating Noise SVGs
04:21 Importing the Noise SVG into Code
04:55 Getting Creative with Grainy Textures
-----
// Let's connect:
Twitter: / juxtopposed
CodePen: codepen.io/Jux...
Dribbble: dribbble.com/j...
Github: github.com/jux...
Thanks for watching!
#grainytexture #codepen #figma #tutorial #designandcode #weeklyadventures #textures