three (3) free psds made from scratch and fully customizable. even when colors, and images can be changed easily, youāll need to know how to use the clipping mask, how to change the bending option of each layer and (maybe) how to make pngs.
no fonts used / icons are from flat icons. pngs from pinterest.
as usual, donāt claim this as your own and reblog if you find it useful. last but not least, itās a free psd but consider paying whatever you want if you like what i do, tysm !!
inĀ theĀ sourceĀ linkĀ Ā , Ā you Ā will Ā findĀ theĀ psdĀ fileĀ (Ā circleĀ &Ā heartĀ shapedĀ )Ā basedĀ onĀ thisĀ postĀ requestedĀ byĀ anonymousĀ Ā ! Ā you Ā can Ā use Ā this Ā as Ā dash Ā icons Ā or Ā pngsĀ for Ā your Ā graphics Ā . Ā please Ā LIKE Ā & Ā REBLOG Ā if Ā you Ā plan Ā on Ā using Ā it Ā or Ā just Ā find Ā it Ā cute Ā / Ā helpful Ā !
š Ā ā¹ š ļ½” ā§ ā Ā KNOCK KNOCK ! in the source link , you will find a downloadĀ link forĀ second windĀ , a customisable social media template based on booseoksoonās highlight medley! please do not redistribute , or claim as your own ! usage guidelines is inside the psd , but read my rules before using it . please like / reblog if you found this useful ! <3 reblogs are especially appreciated !
if you like my content , consider supporting this blog by buying me a coffee ! <3
fonts used: MADE Soulmaze Font, Aqum, Poppins
ā” 3 DASH ICONS TEMPLATES Ā ā Ā the unforgiven.
three (3) free psds made from scratch and fully customizable. even when colors, and images can be changed easily, youāll need to know how to use the clipping mask, how to change the bending option of each layer and (maybe) how to make pngs.
no fonts used / icons are from flat icons.
as usual, donāt claim this as your own and reblog if you find it useful. last but not least, itās a free psd but consider paying whatever you want if you like what i do, tysm!!
theme fourteen: camelliaĀ ā a Windows 11/Mac OS mashup grid theme with a slide-out sidebar. made for codingcabinās opposites attract challenge!
previews: grid preview, one-column preview
install: pastebin, github
features and options:
slide-out sidebar with a 500px sidebar image, space for description, extra navigation links, and a search bar
footer with space for up to three custom links, weather status, local time and date.
optional updates tab. if you donāt turn this on through the customization panel, it wonāt show up.
one, two, or three columns
post sizes: 300px, 350px, 400px, 450px, 500px, 540px
optional background image
hide or show captions and tags on index page
ten body font options, font sizes from 12px to 18px, and all colours customizable.
responsive for both desktop and mobile devices
notes:
Tumblrās customize page is very buggy and when you first install the theme, you have to toggle the toggle options on and off to get them to work properly.
the navigation section in the sidebar has space for up to five custom links and as many Tumblr page links as you want. however, to get them to show up, you need to make sure theĀ āMenu Navigation Sectionā option is enabled in the customization panel.Ā
icons are from phosphoricons; to change the icons, go to the phosphoricons site, find the name of the new icon you want, and input the name of the new icon into the relevant text fields in the customization panel.
ā introducing yeonjun.atn , a photoshop action that gives your gifs a sharp + bold look ! to use this action you only need basic skills in photoshop but to adjust you may need some experience in dealing with smart filters ā” help is always an ask message away , though ! so if you're struggling i'm happy to help ā” special thanks to user @jeonwonwoo whose guides were referenced &. who so graciously gave me permission to post this , without them this action may not have been possible ! the download link can be found either in the source or under the cut along with a tutorial on how to apply actions ( ĖĶ įµ ĖĶ ā”) ~
āĀ Ā Ā DOWNLOAD + DISCLAIMER.
to download yeonjun.atn click here !
these gifs have light adjustments over them.
āĀ Ā Ā APPLYING ACTIONS.
make sure the actions option in "windows" is checked !
convert your gif into a smart object + find sharpen by tinytowns in the actions tab - then click the play button that looks like this .
et voilĆ ! the action should now be applied to your gif !
click Ā the Ā SOURCE Ā LINK Ā to Ā download Ā the Ā template Ā . Ā this Ā requires Ā advancedĀ photoshop Ā skills Ā such Ā as Ā clipping Ā maskĀ Ā ,Ā Ā giffingĀ Ā &Ā Ā convertingĀ toĀ smartĀ objectĀ . Ā if Ā you Ā have Ā any Ā questions Ā about Ā the Ā template Ā Ā , Ā Ā feel Ā free Ā to Ā send Ā an Ā ask Ā ! Ā please Ā read Ā my Ā rules Ā to Ā know Ā what Ā YOU Ā CAN Ā & Ā YOU Ā CANāT Ā do Ā with Ā my Ā resources Ā .
credit Ā isnāt Ā mandatory Ā but Ā i Ā would Ā appreciate Ā it Ā .
please Ā do Ā not Ā claim Ā the Ā template Ā as Ā your Ā own Ā & Ā redistribute Ā them Ā .
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:
essentially this is what's happening and what we gonna do:
before we dive into the how tho, it must be said that photoshop's timeline can only do linear movements so no easing. at times it can look unnatural or choppy or... frankly both. (if you want to know more about this look up ease-in-out animation curve, or easing curves)
part 01 Ā· prepping gifs
as i wrote in my gif making process post i usually crop my gifs bigger than they usually will be. e.g. a 268px gif will be cropped to anything between 468-540px. sometimes because i want to have the opportunity to position the gif a bit differently but most of the time because i know 268px is a reeeaaalllyyy tight place and i need to make some movement adjustments especially for weekend music shows where the camerapeople seem to be on crack or just very into experimenting
part 02 Ā· let the keyframe madness begin
whichever way you are making gifs just open up your gif and crop it to the final size, colour it and whatever else you fancy. once you have everything ready just open your video layer on your timeline (if you don't know where you will be able to see it in the video later)
you will see 3 tracks, transform, opacity and style. for this we will use the transform because it contains movements (but also resizing if that's what you fancy).
all we need to do is create keyframes which will define what is the position of the video layer at a certain time. so e.g. here we are moving this box to the right by 50px in 1 second.
to create keyframes click on the timer icon in front of the position label and photoshop will create you one. the active one will always be yellow. if you move on the timeline with your playhead (that thing that is moving) and you resize/move your layer photoshop will create yet another keyframe for you without you needing to click on it, because it will recognise the change. so all you need to figure out is when the movement starts and which position your layer should be, and the same for the end and ps will take care of the rest.
part 03 Ā· some things to consider when panning gifs
now this is the part where it gets subjective and less tutorial like. so all i can provide is some explanation how i go about it and what i pay attention to.
tip #1: match the movement speed to the gif
whenever you are panning a gif it may result in the gif being choppy bc the framerate and your movements are not matching up, so it's either too fast and photoshop needs to move your image by too many pixels frame by frame or it's too slow resulting in basically the same thing but kinda reversed, either way it won't look smooth. this mostly happens when the original footage is moving (there is a quick camera pan/movement) and you are trying to keep it in place, less when the original is kinda still and the subject is moving. this is kind of a trial and error process: try moving your keyframes closer to each other or maybe further, add more/less movement between two keyframes and just see which results in a smoother gif.
tip #2: try moving your gif once in one direction
there are times when your subject might go out of frame multiple times and you have the urge to keyframe the whole gif and keep them in center the whole time. however, as we do not have easing curves in photoshop the switch between moving something from one direction to the other one will be very visible. so try placing your subject in a way that you'll only need to make one movement and it's kinda okay all the way thru or pick the most annoying 'placement' you want to correct. here in this example it mostly bugged me that the gif was not centered at the end, but onda kinda remained in frame.
tip #3: pan your gifs when there is a quick zoom/movement
sometimes whatever i do the gif will look choppy regardless one movement or not. in these moments, and these moments ONLY we can be thankful for the sometimes unnecessary zooming that's happening and reposition our gifs while the zooming is happening. since there is already a drastic movement you can get away with basically anything, as long as you time the beginning and the end where the zoom begins and ends. also i must add that you can pan stage gifs way more and more drastically bc there is a lot of things happening in the background, so adding a bit of movement on top of all the other movements is less noticeable than... moving footage where e.g. the background is static.
āØsomething extraāØ Ā· panning/moving other things
so what we looked at is moving the whole gif to fit into the frame we have, but with this technique obviously you can move all sorts of stuff, text, texture whatever you fancy. you can apply this process to the layer you wanna move and this is when you get these:
a sidenote: the fade effect is literally the same keyframe business but instead of playing with position keyframes you change the opacity keyframes.
aaand that is all, if you have any questions my askbox is always open so hmu <3
tagging @sanhwalynight bc of requesting reasons hehe
