Hackers' Pub

Hackers’ Pub

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`

Sketch @Sketch@mastodon.design

6/25/2025, 4:50:23 PM

Public

This week’s tutorial is on liqui…fractal glass! If you want to play along, you’re going to need the latest beta (https://skt.ch/beta) with progressive blurs. Let’s go! 🧵 ↓

Start by creating a 350px diameter circle in Sketch. Apply a linear gradient fill going from bottom-left to top-right, with color stops:
– Bottom-left: #B22BFF
– Top-right: #3CE4FF.

Create a new 32×32 frame and convert it into a symbol called “Glass.” Apply the following settings:
– Fill: solid black (#000000), 100% opacity
– Inner Shadows:
1) X: 0, Y: 0, Blur: 0, Spread: 0.5, Color black
2) X: 0, Y: 0, Blur: 11, Spread: 5, Color black
– Set both inner shadows to use the Overlay blend mode
– Blur: Background blur set to 46
– Saturation: 30%.

Add an instance of the “Glass” symbol over the gradient-filled circle. Stretch the symbol so it covers the entire shape diagonally.

Duplicate the “Glass” symbol horizontally across the circle until it is completely covered by repeating diagonal lines.

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.design/users/Sketch/statuses/114745030953545321 on your instance and quote it. (Note that quoting is not supported in Mastodon.)