⢠credit page with different sections + 2 columns each;
⢠also functions as a nav / link page;
⢠spoiler box / dropdown menu for better organized links;
⢠responsive;
⢠"last updated" warning;
⢠easy-to-edit;
⢠please consider buying me a coffee <3.
!!Ā if you find any bugs/if anything doesnāt go well or if you just struggle with customizing it, pleaseĀ reach outĀ to me viaĀ privateĀ messageĀ orĀ askĀ and iāll gladly help!
Free Texture Brush Set - 15 Craquelure Brush Textures for Photoshop
Available on Gumroad
This is a FREE brush set that contains 15 craquelure texture brushes, made from the paintings of Jan Van Eyck, Anthony Van Dyck, Petrus Christus and Carl Bloch. It also contains images of the textures and one pattern.
The set is mainly composed of Flemish craquelure, with one Italian and French one from this paper: Extraction and Classification of Craquelure patterns. Van Eyck dots is a dotted canvas texture.
A guide to different craquelure types: Classification of Craquelure.
This is FREE to download on my Gumroad. Put "0" in the "Name a fair price" to download.
I used these in my last painting: Inferna Victoria. I could never find the right textures for painterly artwork so I made these. This allows more control over the amount of craquelure, and you can make a lot of neat patterns with it by changing the angle. I hope you find this useful!
hi! someone requested me to do a tutorial based on this gifset!
this tutorial requires an intermediate knowledge of gifmaking. i wonāt teach you how to do gifs from scratch, there are other tutorials for that out there.
[tutorial under the cut]
THE BASICS
AN INTRODUCTION
first off, the gifset in question is based on this gifset by @/eddiediaaz and i got permission from them to explain the process. i wonāt be sharing the template because itās a near replica of theirs (that isnāt shared to the public) and i donāt feel comfortable doing so, but you can recreate it by yourself just like i did!
also, ESL, so please pardon any mistakes.
THE FONT
Circular ST (Medium & Black). download it here & here.
CLIPPING MASKS
clipping masks are the way i put images and gifs inside of shapes. i used that method in the first and second gif of the Spotify gifset as you can see here.
what does a clipping mask do? basically, it links two or more layers together in a way it follows the āshapeā of your base layer. ie, everything that is shown follows the āshapeā of your main layer and nothing more. your base layer can be anything: a shape, an image, a gif, a text, an adjustment layer, really everything. letās see an example:
CLIPPING MASKS & SHAPES
the original image (Gun 'n' Roses logo) is intact, as in, itās not cut like a circle, something that cannot be undone. instead, everything outside the limits of the blue circle is just hidden. if i delete the base layer (the circle layer), the original image will appear as it originally is, as an rectangle.
talking about layers, letās see my layers panel (some things are in Portuguese, but i think you can understand):
notice the little arrow pointing downwards to the ācircleā layer. that is the clipping mask symbol. the base layer always needs to be below what is being clipped. if the base layer is deleted, the chain is broken and every layer clipped will now act independently and have its original shape. you can have as many clipped layers as you want. you can also have multiple chains going on in a .psd, each one with its own base layer.
to clip a layer, you just need to press ctrl+alt+G or cmd+option+G while having the layer you want to clip selected (NOT your base layer). or, you can go to LAYER > CREATE CLIPPING MASK.
CLIPPING MASKS & TEXT
letās see the same example, but with text instead:
A TIP
because adjustment layers are clippable, you can completely gif by using clipping masks. this is very useful when you have more than one gif inside a canvas and donāt want an adjustment layer to affect everything besides a certain layer/element.
letās take my first gif of the Spotify gifset as an example.
the circle is the base layer. the āCarol smilingā layer is my gif converted to a smart filter. above that āCarol smilingā layer, there is a black and white gradient map and two color fills of white so i can achieve the coloring you see. all those layers are clipping onto the circle layer, making my now b&w gif have the shape of a small circle as well.
those layers are in a folder in the .psd of my first gif, so i donāt have multiple files sitting on my PC to assemble just one gif. i could have giffed that small gif separately and pasted it onto my canvas as well, but i like to do this way so i can adjust everything i want in real time instead of redoing a gif over and over every time i want to change something.
HOW TO MAKE EACH GIF
all gifs are 540x540px.
THE FIRST GIF
the first gif has 6 elements. the elements are: a big gif serving as a background (a close-up of Carol), a smaller gif inside a circle (a b&w gif of Carol smiling) as a profile picture and four static images for the featured artists.
i giffed as i normally do (loaded screencaps, resized the gif, sharpened the gif, etc) for my background gif. to achieve the coloring, iāve added a gradient map (layer > new adjustment layer > gradient map) purple to pink.
to the profile picture, i made a 160x160px circle in the top left corner. the color of it doesnāt matter. the next step is a matter of taste: i giffed the smaller gif in the same .psd thanks to clipping masks that i explained earlier, but you can do it in a separate canvas too.
for the featured artists, i made four circles with 98x98px each. for the images, i had to check Spotify for their selected PFPs. after that, i googled ā[band/artist] spotifyā to find the images.
the PFP of bands and artists in the Spotify app are displayed in black and white, so you might have to make them b&w if you happen to find them only in color.
to make the artists PFPs pop a bit more, i transformed them into smart filters and added a bit of sharpening to them (intensity 10 x radius 10). you can adjust the colors and the brightness if you want, too.
the sizes of the texts in the gif are: 58px (username), 20px (top artists of the month), 15px (name of the artists), 12px (only visible to you + show all + profile) and 11px (following and follower numbers).
SECOND GIF
for the chart, i created a black rectangle (490x308px) that i set its blending mode to lighten (thus making it transparent) and i added an internal white stroke.Ā i added the text and the little squares next to the top 6 numbers.
the font sizes are: 17px (top tracks this month), 11px (only visible to you), 14px (song title, show all, top 6 numbers), 13px (artist/band, album title, length of the song).
i added the album covers ā that i made b&w ā by clipping images onto 32x32px squares.
for the coloring, i added a gradient map (dark purple > light purple).
THIRD GIF
there are three types of playlists in this gif: a Spotify original playlist, a playlist made by a user and a Mix. you donāt have to follow this formula if you donāt want to, but in the case you do, hereās how i did it:
browse Spotify for an original playlist of theirs. chances are, if you google the playlistās name, you can find its cover on Google Images. at least, i found the āAll Out 80sā cover that i used in my gifset. you can also create your own.
for the user playlist, just pick four songs and find their (album) covers, also on Google. create a square canvas on Photoshop and make four squares, each in one quadrant of the canvas. paste your images onto your canvas and clip the images to each square. then, add a gradient map (black + whatever color you want) to all those images and title your playlist (font size: ). save that collage as a PNG and load to your gif canvas or merge all the layers+transform into a smart filter and drag the smart filter layer onto your gif canvas.
now, the trickiest one. while you can invent your own Mix, i wanted to use a real one, but i had no idea on how to find them. thanks to reddit, i discovered that, if you search āmade for youā on Spotify, you will find their Mixes! some of them are very whacky and specific! i just picked the Mix that made the most sense for Carol from that (gigantic) list.
before doing the next step, i would advise you to google the name of the Mix you picked to see if you are able to find the cover of it with good quality. i wasnāt able to find mine (KaraokeĀ Mix), so i just screenshotted my Spotify app, pasted that screenshot into Photoshop and cut the Mix cover and pasted that onto my canvas.
the quality wasnāt great, so i transformed the cover into a smart filter, added a bit of gaussian blur and then sharpened it (intensity 10 x radius 10). the color wasnāt what i wanted either, so i used Hue/Saturation to change the hue.
because the original image for the Mix was smaller than i wanted and i stretched it to make it bigger, the quality of the text and the Spotify logo was botched. i painted over the Mix cover and created a text with the font i linked earlier to replace its now pixelated title. i also painted over the little Spotify logo, found a logo in the internet and pasted over the Mix cover about the same size of the original logo.
to achieve the ā3D effectā of the gif, i made my b&w gif, the base. then, i duplicated all layers and added a gradient map (black > pink) and merged all the layers of that duplicate. i made a second replica of my gif, now with a different gradient map (black > blue). i set both replicas to the ligthen blending mode. you will notice that the replicas will "disappear" and only the original b&w gif will remain. if you move the replicas a bit, that colored border will appear. this doesn't work much in very bright gifs without a lot of dark areas, btw.
FOURTH GIF
this gif used an altered (by me) version of this template. (i changed the fonts to match the rest of the gifset, too.)
for the color text effect, you will have to gif with the timeline bar. take your gifās length and do the math to find how many frames are ā of it. take your lyricsā layer and cut it into three equal parts or close to it by using the scissors icon in the timeline panel. in each third, change the color of just one line, line by line.
when you play your gif, the colors of the lyrics will change like in Karaoke.
you can do the same thing with frames iirc, though. i explained the timeline method because thatās the one i used in this gifset and use in general gif making.
for the coloring, i added a gradient map. to make the colors pop a bit more, i add two gradient maps: the first one is in black and white, the other is in color. that adds depth to the blacks and darker colors of the gif.
FIFTH GIF
like in the Top Playlists gif, i wanted for my Daylist to be real as well. to achieve that, i listened to my Carol Danvers companion playlist (that you can listen here) for a long time until my Daylist refreshed itself. (Daylists refresh in certain times of the day ā don't worry, Spotify will tell you when.)
then, i just copied what it told me ā the title and the genres i listened to generate such a Daylist, plus the genres i should check it out. you can invent your own Daylist if you want, but because it is generated by AI, i find very difficult to mimic its crazy titles, but you can try!
you can also search in the web for other peopleās Daylists if you want, but usually people donāt tell you what they listened to to get those playlists and nor what was recommended for them to listen to and i, at least, find that information important for the gifset.
be aware that Daylists aren't available for every country yet (like in mine), but i found a way to work around that. the browser Opera GX offers a free "VPN" ā not exactly a VPN, but it works close enough ā so you can set your location to the US and listen to in-browser Spotify. i recommend not log into Tumblr while using Opera's VPN as there is a myth (that could easily be true!) that Tumblr terminates people's accounts that use a VPN.
font sizes: 43px (daylist title), 13px (text), 12px ("daylist" & "made for").
for the flare effect, i searched for flare overlays on YouTube and downloaded one of those videos with 4K Video Downloader, a free software. i loaded the overlay into Photoshop and added a gradient map (purple > pink) over it, thus changing its color. i pasted the overlay onto my b&w gif and set its blending mode to screen. voila!
that's it! i hope you liked it and that i was able to express myself well. if you have any questions, feel free to contact me, i love helping people about their gifmaking questions! š
a experimental, minimalistic header theme, with animations enabled by GSAP.
on-load landing page and header/footer scroll animations.
any font and font size, with optional header and footer descriptions.
optional five links and custom cursor.
fully responsive for mobile devices.
credits can be foundĀ here.
note on experimental animations:
this is a part of a new series of codes i plan on releasing that all use some form of web animation. because of this, certain animations may be slow or laggy. i've tried my best to mitigate this, however do please let me know if something doesn't seem to work for you as intended!
do note there also may be a chance that something just won't work, based on browser capability or internet connection, but i will try my best to find solutions to any problems :)
How to Give Your Character Unique Dialogue: A Guide for Writers
Hey there, fellow writers!
Crafting memorable characters isnāt just about their backstory or physical traitsāitās also about how they speak. Unique dialogue can make your characters stand out and feel more real. Hereās a quick guide on how to give your characters a voice thatās all their own:
1. Know Your Character Inside Out
⢠Background: Where did they grow up? Whatās their education level?
⢠Personality: Are they sarcastic, formal, shy, or bubbly?
⢠Motivations: What drives them? How does this affect their speech?
2. Use Distinctive Speech Patterns
⢠Catchphrases & Slang: Does your character have a favorite saying or unique slang?
⢠Rhythm & Pace: Do they speak quickly when excited or slowly when thinking?
⢠Filler Words: Um, like, you knowāthese can reveal a lot about a characterās confidence and background.
3. Reflect Their Environment
⢠Regional Dialects: Incorporate local idioms or accents.
⢠Professional Jargon: Use specific terms related to their job or hobbies.
4. Show Their Emotions
⢠Tension & Relaxation: How does their speech change under stress or when theyāre relaxed?
⢠Subtext: What are they not saying? Use pauses and interruptions to show this.
5. Keep it Consistent
⢠Consistency is Key: Ensure their dialogue remains true to their character throughout your story.
6. Read Aloud
⢠Test it Out: Read your dialogue out loud. Does it sound natural? Does it fit the character?
7. Edit Ruthlessly
⢠Trim the Fat: Remove unnecessary words. Make every line count.
⢠Avoid Info-Dumping: Let dialogue reveal character and plot naturally, not as an exposition dump.
Example Time!
Hereās a snippet showing how distinct dialogue can differentiate characters:
Aloof Scientist:
āThe quantum flux anomaly is, frankly, quite perplexing. However, if we calibrate the resonator to precisely 9.42 terahertz, we might just mitigate the interference.ā
Street-Smart Rebel:
āLook, I donāt know shit about your fancy science talk, but if itās gonna help us bust outta here, Iām all in. Just tell me where to hit.ā
Happy writing, and may your charactersā voices ring true!
Follow my Pinterest and Tiktok for more writing tips and inspo!
EDIT: Iāve discovered something that can make your characters UNFORGETTABLE and your worldbuilding STAND OUT while also fighting writerās block. šāØ Itās definitely worth checking out! š Thereās a MEGA SALE for 75% OFF valid from August 4 to 10. š Imagine, itās SUPER CHEAP and with lifetime access, you get a full-blown treasure trove of worksheets, roadmaps, tips, and guides to help you finish your writing process FASTER. šā” If youāve never tried Notion for organizing your writing before, youāre MISSING OUT! But donāt worryāthereās a YouTube guide, and itāll be a BREEZE for you! š„š
š Publish Your Book in 30 Days! Create Your First Bestseller with Our Notion Dashboard! š Unleash your creativity and craft your next bestse
first thing you might want to consider: is the pain mental or physical?
if itās physical, what type of pain is it causing? ā sharp pain, white-hot pain, acute pain, dull ache, throbbing pain, chronic pain, neuropathic pain (typically caused by nerve damage), etc
if itās mental, what is the reason your character is in pain? ā grief, heartbreak, betrayal, anger, hopelessness, fear and anxiety, etc
because your character will react differently to different types of pain
PHYSICAL PAIN
sharp and white-hot pain may cause a character to grit their teeth, scream, moan, twist their body. their skin may appear pale, eyes red-rimmed and sunken with layers of sweat covering their forehead. they may have tears in their eyes (and the tears may feel hot), but they donāt necessarily have to always be crying.
acute pain may be similar to sharp and white-hot pain; acute pain is sudden and urgent and often comes without a warning, so your character may experience a hitched breathing where they suddenly stop what theyāre doing and clench their hand at the spot where it hurts with widened eyes and open mouth (like theyāre gasping for air).
dull ache and throbbing pain can result in your character wanting to lay down and close their eyes. if itās a headache, they may ask for the lights to be turned off and they may be less responsive, in the sense that theyād rather not engage in any activity or conversation and theyād rather be left alone. they may make a soft whimper from their throat from time to time, depends on their personality (if they donāt mind others seeing their discomfort, they may whimper. but if your character doesnāt like anyone seeing them in a not-so-strong state, chances are they wonāt make any sound, they might even pretend like theyāre fine by continuing with their normal routine, and they may or may not end up throwing up or fainting).
if your character experience chronic pain, their pain will not go away (unlike any other illnesses or injuries where the pain stops after the person is healed) so they can feel all these types of sharp pain shooting through their body. there can also be soreness and stiffness around some specific spots, and it will affect their life. so your character will be lucky if they have caretakers in their life. but are they stubborn? do they accept help from others or do they like to pretend like theyāre fine in front of everybody until their body canāt take it anymore and so they can no longer pretend?
neuropathic pain or nerve pain will have your character feeling these senses of burning, shooting and stabbing sensation, and the pain can come very suddenly and without any warning ā think of it as an electric shock that causes through your characterās body all of a sudden. your character may yelp or gasp in shock, how they react may vary depends on the severity of the pain and how long it lasts.
EMOTIONAL PAIN
grief can make your character shut themself off from their friends and the world in general. or they can also lash out at anyone who tries to comfort them. (five states of grief: denial, anger, bargaining, depression and eventual acceptance.)
heartbreak ā your character might want to lock themself in a room, anywhere where they are unseen. or they may want to pretend that everythingās fine, that theyāre not hurt. until they break down.
betrayal can leave a character with confusion, the feelings of āwhat went wrong?ā, so itās understandable if your character blames themself at first, that maybe itās their fault because theyāve somehow done something wrong somewhere that caused the other character to betray them. what comes after confusion may be anger. your character can be angry at the person who betrayed them and at themself, after they think theyāve done something wrong that resulted in them being betrayed, they may also be angry at themself next for āfallingā for the lies and for ābeing fooledā. so yes, betrayal can leave your character with the hatred thatās directed towards the character who betrayed them and themself. whether or not your character can āmove on and forgiveā is up to you.
there are several ways a character can react to anger; they can simply lash out, break things, scream and yell, or they can also go complete silent. no shouting, no thrashing the place. they can sit alone in silence and they may cry. anger does make people cry. it mostly wonāt be anything like āugly sobbingā but your characterās eyes can be bloodshot, red-rimmed and there will be tears, only that there wonāt be any sobbing in most cases.
hopelessness can be a very valid reason for it, if you want your character to do something reckless or stupid. most people will do anything if theyāre desperate enough. so if you want your character to run into a burning building, jump in front of a bullet, or confess their love to their archenemy in front of all their friends, hopelessness is always a valid reason. thereās no āout of characterā if they are hopeless and are desperate enough.
fear and anxiety. your character may be trembling, their hands may be shaky. they may lose their appetite. they may be sweaty and/or bouncing their feet. they may have a panic attack if itās severe enough.
and I think thatās it for now! feel free to add anything I may have forgotten to mention here!
⢠writing diary page: header, icon, bio, 3 links;
⢠writing updates for each story;
⢠progress bar;
⢠cover space 170x250px;
⢠tumblr controls by magnusthemes;
⢠css icons by css.gg;
⢠can be used as a base code as long as you credit me;
⢠images used in the preview: x x x.
!!Ā if you find any bugs/if anything doesnāt go well or if you just struggle with customizing it, pleaseĀ reach outĀ to me viaĀ privateĀ messageĀ orĀ askĀ and iāll gladly help!
Arenāt you tired of bad lighting in shows and film? Bc I sure am!Ā
This last week while I was avoiding my homework bc it makes me sad I started making a set of Inej from the Shadow and Bone show (which is the most orange show Iāve had the pleasure of working on lately, good god) and the scene I picked is the one from the header. Questioning my life choices when it comes to pick scenes bc I was like how am I going to color this and not completely ruin it??? I got to make the gif and then I started with the coloring and after messing around with some settings I got to a result I was satisfied with and now Iām going to share how to do it!
So my whole process is getting rid completely or partially of the orange in 4 layers, thatās our base psd that weāre going to cover here. This tutorial hopefully will work on quite a few shows, Iāve tested in some and the process worked fine adjusting the 4 layers a teensy bit.
What weāre going to need:
Knowing how to make gifs & color obviously
Patience, in case it doesnāt work at first!
Cool, so with that covered, Iām putting the tutorial under the cut bc itās going to be quite image heavy. If anything isnāt clear, donāt hesitate to shoot me a message!
idk how many of you are using this already but hopefully it will help someone out when saving gifs. but basically in this tutorial kinda thing iāll try to explain how to play around with your colour palette to have your choice of 256 colours bc PS can be a b*tch.Ā
sorry if this has been asked before but how do you make your gradients look so good?
Hi Anon! First of all thank you so much š«¶
I like to use gradient maps (which I've explained here) or gradient fills + gradient tool. I'll drop a little tutorial under the cut:
GRADIENT FILL
I'll be using this gif which I've already sharpened and coloured:
First of all let's make the background pop so I'm going to add a gradient fill (Layer -> New fill layer -> Gradient) with these settings (I'm using this colour #0099ff):
Now it's the time to play with the blending settings! Depending on your scene some will look better than others but I usually switch between Soft Light, Overlay, Color or Hue. 90% of the time I use soft light but this scene looked much better using overlay:
As you can see the background looks more blue and vibrant but it's not too much you know.
GRADIENT TOOL
Now it's time to use the gradient tool to give this gif a hazy look. I haven't seen many gifmakers talk about this tool but it's soooo useful and it takes gradients to a whole new level.
Before using this tool we'll need to add a new layer above the gradient fill, like this:
(HELP I just realised I typed ālaterā instead of ālayerā š¤” but letās ignore that)
You can choose the gradient tool by pressing 'G' and then clicking here:
Make sure your gradient goes from any colour to a transparent background.
Okay so next to this gradient settings we have five different styles and each one will create a different shape. Depending on the scene I'll use the first, second or fourth one. Here are how they look:
1. Linear gradient
2. Radial gradient + Reverse (if you don't click this you'll end up with a blue circle above your gif)
3. Reflected gradient + Reverse
This time I'm going to use the radial gradient so to draw it start by clicking on the centre of the gif and drag the line (the farther you drag it the less intense the gradient looks):
And this is the gradient:
And here comes the fun part again, playing with the blending setting and the opacity! Before doing anything I duplicate my gradient layer because I always use more than one so this is how your layers should look like:
Let's go to the first gradient tool layer and again try different blending modes: soft light, overlay, hue... Most of the time I'll use 'Soft layer' and I'll leave the opacity at 100%.
For the second layer choose 'Screen' and don't worry if your gif looks too bright because we're going to fix this by decreasing the opacity. Anything between 20-60% should look good but it depends if you want a more vibrant or more natural effect. I ended up using 40% and this is the result:
And we're done!!! As you can see the result looks much different from our first gif and it only takes a couple of layers!
Honestly the best advice I can give you is to play with the opacity and blending mode of the different gradient layers because depending on the scene some will look better than others!
nothing needs to be changed in the code, everything can be changed in the customize panel!
terms:
reblogĀ if using
do not touch the credit
all termsĀ /Ā faq
credits listed in the code /Ā credits page
please considerĀ supporting meĀ ā”
blog name !! important
make sure you fill out theĀ blog nameĀ field, this is what will show on the top of all your original posts. to clarify: your blog name is your blogās url - for example:Ā phantomcodes
responsive sidebar
when the browser window gets too small the sidebar will disappear and becomeĀ toggleable, the sidebar toggle button will appear on the top right side next to the day/night button
reminders
remember tumblrās customize panel is buggy, you may have to toggle the options on/off before saving
iām still on a sort of semi-hiatus, iāll be around for questions butĀ pleaseĀ check my faq, answered asks, etc.Ā beforeĀ asking - i will not answer repeated questions!
a couple of people have asked how i colour shots that have an awful yellow tint, and it was requested by an anon that i make a tutorial today, so⦠here we are.
this tutorial will detail on how i remove the yellow tint and touch on my basic colouring, and iāve tried to make it as concise as possible. itās aimed towards heavily tinted shots, though youāre welcome to also follow along with shots that are more subtle (you might not find step 3 necessary though).
please keep in mind that the more in-depth explanations are only applicable to the example shot i used, and when colouring your own, the settings will be different.
iāve had a couple of people ask about how iāve coloured the pocket dimension scenes so i thought iād just do a run-through tutorial kind of thing to show it, rather than going through it with everyone separately.
were u ever like gahd these camerapeople again making yet another stage ungiffable. yeah me too.
sooo here in this tutorial iām gonna try to explain how to pan gifs so ur subject can remain centered or at least not be out of frame, sth like this:
this is a more advanced tutorial, in a sense that iāll assume you know how to make gifs, not in a sense that this is complicated lmao, okay letās gooo: