@cytronicoder1Day 2/3 of #hack-club-at-fossasia-23!! I felt the need to post about this as a ship, as we committed a couple of shenanigans along the way~ :sphere:
1. Yes, we did a lil thing to #place - some of us here got bored and went to a Starbucks, where we sat and masterfully constructed the one and only John Cena. Then, we returned to the place and updated the board with a photo from #lion-city-hacks-bts!! DON'T WORRY WE ARE NOT HERE TO TROLL (although the john cena one was good, it was just a test - sorry @belle :p)
2. I worked with LionsForge to laser-cut a @dinobox acrylic piece! Going to buy an LED base to put this on :partyparrot:
3. Many stickers from everywhere - this is now the premier event where I got the most swag from
4. We set up a challenge for FOSSASIA participants to draw their versions of @orpheus!! The results were.... pretty diverse, and we will be sending them sometime tomorrow ~I think~
Here are some photos from today - a video update can be found in our planning channel linked above!
See ya :pirateparrot:
@Sam7+Just got the plaque and stickers in my mail! :yay: (My sticker collection continues to grow)
It looks (and smells) AMAZING! It's customized as well :O
P.S. I think the short and lang bars next to the "Winter Hardware Wonderland" text is binary. It seems to be the first letter of my name :tw_thinking_face:
@Arpan0Just got these stickers I made for the #amas. (Just ordered them coz they were cheap and I wanted to try it out)
@ian0I haven’t shipped something in a while, but I was looking at the Stickermule deal for pins. Stickermule deals only last for a certain period of time, but there are also other deals with a special URL that persist beyond a few days. Then I wondered if I could get a database of every Stickermule deal for easy access next time I need to order something. It turns out it’s as easy as scraping stickermule.com/deals.
I present stickermule.vercel.app, an API for getting the current and previous Stickermule deals. It provides the name, URL, and the product. I made it with Node, Vercel serverless functions, cheerio, and Supabase. Every time it finds a new deal, it’ll add it to the database. After a few weeks it should have a fair amount of deals.
Source code on
@Peiprjs7+Friend gave me some pride stickers so I stole Orpheus’ arm to wear them.
Top to bottom: ace, enby, lesbo, trans and poly
@ZeroQL7+I’ve got mail !
Emirates Post broke my lamp :sadge: , but got some pet cool stickers :blob_hype:
@cytronicoder1In order to reach sticker epiphany, I have add a few
just a few
more stickers onto my school laptop collection ✨
@reesericci1Day 20/10 for #10-days-in-public: I made a jet lag the game hack club sticker and received epoch stickers for :epoch-tx: and got an orpheus plush from ella!
@BibhavPaudel-U04ANSA6FGT0Day 9 of #10-days-in-public ! Finally after a long time Used Photoshop !! And designed some Postcards and stickers !
@khalby78602 weeks to go till Epoch, and here's the story of this sticker.
It all started a few months ago when genius minds from all over the world decided to brainstorm ideas for stickers they'd like at Epoch. We decided we wanted stickers with local Delhi references for advanced humour. And one such idea was to make a sticker that says Horn Ok Please, with Epoch-ish Hack Club elements in there. For context, Horn Ok Please is written on the back of trucks and lorries prominently seen in North India (in South India, we just have Sound Horn) to alert drivers of vehicles approaching from behind to sound their horns if they wish to overtake, in a country like India where honking is the primary source of communication between you and the other vehicles on the road. Part of the idea was also to make it look like Horn Ok Please was written on the back of a truck. I said, "OK OK LMAOOO WE'RE MAKING A STICKER OUT OF THIS".
Now I'm not exactly the most productive and efficient person out there, I thrive on deadlines. I would occasionally just visit the Figma file, do random stuff and close my tabs while I did not have exams, homework or both. Normally I'd be able to complete stuff while "occasionally" visiting but this one was a bit hard. There weren't many reference images I could find, other than a photo directly from the Wikipedia page. I somehow also found the same image from a frontal angle which helped me trace out the letters and create "Horn Ok Please" as an SVG (my Figma Pen Tool skills are unrivalled, they talk about my curves). I also needed some random art related to India, like peacocks and the Taj Mahal, so what I did was take photos from unsplash.com, remove their background and run them through svgco.de (WHICH IS A GOD SENT BTW, credit to @OjasSomethin' for pointing this wonderful tool out) to give them a painted and vector-y look. I quickly combined them together but I realized it didn't have the same back-of-the-truck feeling and other people were quick to point that out. @deven then points out that I should do "Hack Ok Please" ("cos the H matches") and a few days later, there's a better reference picture of a Horn Ok Please in #design.
In the thread where the image was posted, there was a lot of talk about getting the text bevels and shadows right along with identifying a similar font, which @sarthak narrowed down to a font called Syne, which fortunately was available on Google Fonts and I had it downloaded in no time. I decided to start with the background, and I wanted it to look realistic as possible. The question is, how do you make wooden planks in Figma? Sure, I could draw lines, and make it look realistic in a vector art sense but I wanted the right colour and texture. Well, what if I just placed a picture of wooden planks? That is exactly what I did, and it's called textures. A visit to textures.com gave me some quality seamless textures of wooden planks, and to make it pink I added a separate colour layer and decreased the opacity of the colour layer (I slightly colour-corrected the plank textures for it to be visible while still having the desired shade of pink). I also wanted the grooves (or gaps, whatever you call them) between the planks to affect the surrounding elements as if all the designed elements were actually painted on wooden planks. I did this by manually drawing out groove lines using the good ol' Pen Tool and giving it a slight drop shadow.
The text. "Hack Ok Please!!". It needed bevels. Neither does Figma have an option for bevels nor could I find a plugin that gives bevels to text. Having lost all hope, I wandered around on YouTube hoping some Indian tech guy could help me out when an unexpected ally rose to the occasion: pixlr.com/e. They could make bevels out of text input and export it into PNG - that was more than enough for me. I dragged the export across the browser and into Figma and used a freemium plugin called Image Tracer which I thought had already been exhausted of its 5 free trials but apparently not. I got an SVG, got box shadows using a wonderful plugin called oblique and added that stuff on top of the wood.
Only the decorations remained. I'm not gonna lie, I didn't have much creativity in this area. The corners of my reference image had floral-like colourful designs and I wasn't really sure about manually tracing it using the Pen Tool. The floral-like design reminded me of something I used to do with my mom when I was a kid, where basically I'd take an A4-sized paper, fold the paper in half, put drops of acrylic paint of different colours on the crease of the paper and fold it again to create something that looked like a butterfly. I thought that if I could do something like that with the right colours, I could take a good picture with my phone, remove its background, change its colours a bit and use it in my design. After begging my sister to help me (spoiler alert: she did not), I decided to steal my sister's paint (she's not on Hack Club, so she won't find out) and perform the sacred method of "squish painting". Long story short, it did not come out like I expected it to, it was too narrow and too green for my liking. (I wanted to take a picture of the result I got for the sake of this scrapbook post, but the paint stuck to each other and now I can't unfold the paper and tearing it doesn't seem like a good idea.) At this point, I decided to give up on everything else and trust the mighty Pen. By listening to the Doom OST theme song and Cocomelon songs on a loop, I traced out the basic lines of the floral designs and just randomly coloured them with every main colour I could find.
By now, I was too lazy and uncreative to create my own assets, so I just screenshotted the flower thingy at the bottom of the reference image and then modified the colours a bit so that it matches the background colour of the sticker. Combine this with some smooth curves and spheres, and we have our decorations. To make it even more realistic, I got some grime and brush stroke textures from textures.com, removed their backgrounds, reduced the highlights a bit, increased the shadows a lot, halved the opacities and added the corners of the sticker.
Oh and I almost forgot, there's a slight amount of noise at the very top to give it a slightly dirty/realistic feeling, using the Noise plugin. Adding noise textures to my designs is a reflex action at this point.
@cytronicoder1Day 5/6 of #10-days-in-public :lioncityhacks:
It was Lion City Hacks yesterday: massive shoutout to @sampoder and his team for organising this whole event! We had a lot of fun (and stickers), and the team learned a lot of key designing tools and programming skills along the way. Additionally, our meme/coin project is still underway at #samcoin, so if you want to contribute to it, join the channel now! :coin-mario:
Today, I participated in a math competition and chilled the whole day - got a bit sick so going to sign off early. :sleep:
@cytronicoder1Day 3 of #10-days-in-public! I got some stickers handed out to my club members, and we played a little encryption/decryption game together! :hack:
@cytronicoder1A slightly late day 2 of #10-days-in-public: I printed out some stickers for my Hack Club - and by some stickers, I mean 55 + 55 😎
Plus, I did some initial session planning in lieu of our final Hack Club meeting before Lion City Hacks! 🦁