— introducing fairy & devil , the latest google docs template from tinytowns' vault. this document is designed to help you build a world , with an in - universe laws section and space for two nation / country - like locations along with history + a free section ❀ this google doc requires some experience in order to be navigated comfortably , but help is always available through ask - though , this particular template has spent time in my drafts for about a year now so it may take me time to remember how i did something ❀ link can be found in source code + a gif of the full document is under the cut since it needed to be chopped weirdly in order to have a screenshot taken , lol . hope you enjoy this template it took so long to get out of the drafts so apologies if the ending part is a bit un-inspired .. ( Q ᵕ Q ♡) ~
link in source code !!! tumblr doesn't like hyperlinks :(
ᶻ̶ᴵ̶ᴾ̶ 𝄈 🗁⠀ PEA.NET EXCLUSIVE : WE LOST THE SEEKER.
introducing we lost the seeker, the second google doc template from sanantics! c: this is a single muse document complete with mun, introductory, basic information, biography & connections, and trivia / miscellaneous pages. it is a word-heavy template, so i would recommend using it for the final product rather than a place to brainstorm! this piece was inspired by TXT’s minisode1: blue hour (vr version) aesthetics, as well as aesthetics from genshin impact. the layout to the second page was taken from @tinytowns‘s lost summer psd template with direct permission from the creator themselves. take it as an unofficial collab between the coconation and the peanation! the document can be found in the source code of this post.
ᶻ̶ᴵ̶ᴾ̶ 𝄈 🗁⠀ tutorial.
⁰¹ ⠀go to file → make a copy to personalize the document.
⁰² ⠀this document has drawings. to replace the drawings with your own pictures, simply double click (or click on the image; an option to edit the drawing should pop up) to open the editing window.
— introducing 7pm , the latest original google doc from tinytowns ! this document is designed to display the basics of a single - muse in one page &. captures a fun & youthful vibe with the inclusion of simplistic yet busy design , bright colours &. doodles ! features statistics , a playlist , basic info section along with character trivia & personality info ❀ the contacts section can be used as an exclusives section if desired ! space is left at the end of the doc so you can adjust easily & not have any of those annoying blank pages but it would be wise to take note of image positions as they are prone to moving. this doc can be considered moderate to difficult to edit due to the amount of edits that you will need to make in photoshop or photopea - but if you don't mind that then the document should be relatively simple to edit ❀ you can find the document link in the source code or under the cut , along with a known position issue + how to fix it , psd temps provided for this document , a video tutorial for adding your gif into a circle &. icon credits ! ( ˘͈ ᵕ ˘͈ ♡) ~
❀ PSD DOWNLOADS ( REQUIRED ! )
GIF CIRCLE - HERE
PHONE TEMPLATE - HERE
TOP IMAGES - HERE
♡ note : you will need to download the title cards to change the color , but if you don't mind the color then you don't need to - also , for full transparency on my end , i did need to touch up a few of the pngs after saving because the top text overlapped with the bottom text. be aware of that ! fonts used are poppins &. sant joan despi !
NAME TITLE - HERE
TRIVIA TITLE - HERE
INTRO TITLE - HERE
PLAYLIST TITLE - HERE
PERSONALITY TITLE - HERE
♡ note : you must change the color via layer style -> stroke for the title cards &. then save as png after deleting the background layer .
❀ KNOWN ISSUES
01. as a gdocs creator i use an external add-on called page resizer which is helpful for customizing the sizing of my canvas , as docs limits us with pre - set sizes. while this is nice to use , i'm aware that it can specifically cause an issue when you change the color of your background page. to fix this you must actually download the page resizer add-on through extensions -> add-ons -> get add-ons &. you should search for page sizer & download the one by nat burns. then you can access the sizer through extensions -> page sizer -> set page size &. what should be set for this document is a width of 9 &. a height of 12 !
this should fix the document , but i also know that sometimes , for what ever reason , the height &. width will flip. if that happens just make the height &. width opposite; so instead of a width of 9 , put 12 & for height , put 9 instead of 12.
02. i cropped the title cards in the document so that you wouldn't be trying to click something &. accidentally click on the titles ! however this means that when you replace image on the title cards they might go off center &. crop halfway through the word. just double click the title card that's bugging out & drag it to about the center of the black box. then it's fixed !
❀ DOCUMENT DOWNLOAD
7PM - HERE !
do not remove the credit , redistribute or profit off of my work.
❀ TUTORIAL
#01. go to file -> make a copy , in order to edit .
#02. to change the top two images double click on them &. a window should appear - in there you're going to click on it once &. hit replace image. the psd for this has been provided so it should be sized correctly !
#03. to change the title cards ( ex. boo seungkwan , my playlist , introducing me etc. ) you just need to click on them once &. hit replace image - please refer to #2 in the known issues section above this if you're going to do this though !! many thanks.
#04. to change the phone you're going to download the psd provided above &. when you've finished editing it you will click on the phone in the doc one time &. hit replace image !
#05. to change the thin color lines around seungkwan's name card you will press them once &. click edit - from there a window should open up &. you will click on it again & find the bucket tool which has a small yellow ( or blue if you clicked the long one ) line under it. that is where you change the color !
#06. the statistics represent intelligence , empathy , friendliness &. fighting skill ; to adjust the levels or colour you're going to double click &. a window will appear. from there you can either change colors with the bucket &. pencil tool ( pencil = outline color ) or you can shift the bars by clicking on the coloured parts of them and literally just dragging them.
#07. to change the playlist cover &. title you'll double click &. adjust inside the window by replacing image &. renaming things. the actual songs on the playlist can be typed normally !
#08. to change the gif circle , personality , &. contact images you again just double click &. replace image inside those windows. for the gif circle you must use the psd.
#09. to change the little bulletpoints beside the gif circle you will double click &. edit the text inside the window.
❀ VIDEO TUTORIAL 4 GIF CIRCLE
watch the tutorial right HERE !
make sure your timeline is checked ( the first thing i showed )
ignore the mistake i made while trying to show you where to end your gif LMFAOOO . . . im clumsy <3
to highlight all of your layers / frames click on the first one , then press shift + click on the last layer.
to bring up the list of options ( when i click convert into smart object ) you just right click.
❀ CREDITS
brain icon - Brain icons created by Vitaly Gorbachev - Flaticon
heart icon - Heart icons created by Chanut - Flaticon
support icon - Sport team icons created by Freepik - Flaticon
boxing icon - Boxing icons created by Freepik - Flaticon
plant png - josh ca.la.brese on unsplash
battery icon - Battery icons created by Stockio - Flaticon
wifi icon - Wifi icons created by Uniconlabs - Flaticon
signal icon - Signal icons created by Freepik - Flaticon
speech icon - Comment icons created by Freepik - Flaticon
close icon - Close icons created by ariefstudio - Flaticon
instagram icon - Instagram icons created by Prosymbols Premium - Flaticon
camera icon - Photo camera icons created by Kiranshastry - Flaticon
torch icon - Ui icons created by yaicon - Flaticon
— introducing pang , the latest psd template from tinytowns ! enjoy the aesthetic of tu.mb.lr's music player but hate the way it changes into the mobile player on your actual blog ? fret no longer ! tinytowns has got your back with pang version 1 : a psd duplicate of tu.mb.lr's music player , preview under cut ! ❀ want something a little fancier ? version 2 is styled to match tinytowns' header template super which can be found here while also offering multiple customisations like a cloud play icon or a star play icon ❀ moderate photoshop knowledge is needed if you plan to use a gif image , but other than that the template is relatively straight forward + help is always available through ask ❀ download link for both versions , fonts used + helpful tips are below the read more along with some credits ❀ please consider liking + reblogging if you found this resource helpful ( ˘͈ ᵕ ˘͈ ♡) ~
❀ VER 1 PREVIEW.
very plain jane , matches tu.mb.lr 's music player ( disclaimer : neither of these templates actually play music ! )
❀ DOWNLOAD.
version 1 template - here
version 2 template - here
poppins font - here
first font is sant joan despi .
❀ EDITING TIPS.
the white color fill needs to match the color of your posts : to change this you must double click the white box on the color fill layer + it should take you to a window to change it. the same goes for the blue music player background in version 1 specifically ( there is a different process for version 2 ) or you can remove the white background but the stroke layers may look a little funny .
to change the blue background on version two you must change it through the shape fill ! the same goes for the gradient switch
❀ CREDITS.
sparkle icon - Sparkle icons created by SeyfDesigner - Flaticon
cloud icon - Cloud icons created by Freepik - Flaticon
star icon - Star icons created by Smashicons - Flaticon
folder icon - Folder icons created by Good Ware - Flaticon
headphone icon - Headphones icons created by sonnycandra - Flaticon
flower icon - Flower icons created by Freepik - Flaticon
— introducing super , the latest psd template from tinytowns ! this template is supposed to be used for headers or pinned graphics + has been lightly inspired by comics + njz 's music video for hy.pe bo.y ❀ moderate photoshop knowledge is required to edit this template effectively , but it's really all just clipping masks + stroke layers : you are free to reach out at any point through ask for help ❀ download link is in the source code + under the read more along with some credits ❀ the font used is arista 2.0 alternate + has been linked below ❀ please like + reblog if you found this resource useful ❀ EDIT : updated 06/06/23 for no bars ver psd , prev + download under the cut ( ˘͈ ᵕ ˘͈ ♡) ~
❀ DOWNLOADS.
super template - here
super template ( no text bars ver. ) - here
arista 2.0 alternate - here
note: please be careful with the above link , i cannot remember where i actually got this font but i believe it was this source . if that's too much of a risk for you , i'd also recommend the font poppins which can be found here !
❀ EDIT.
coco from the future here letting you know that you must keep the top + bottom bars in order for your header to size correctly in the tumblr dashboard ! you can hide the text but don't remove the bars <3
UPDATE : bars issue solved with a resized version for people who want to use super as a header but without the bottom + top text bars. download this version here + look at the preview below !
❀ CREDITS.
sparkle icon - Sparkle icons created by SeyfDesigner - Flaticon
cloud icon - Cloud icons created by Freepik - Flaticon
— introducing algorithm , the latest psd template from tinytowns ! in this mini - drop you will get the algorithm template, a duplicate of kpop girl group IT/ZY's graphic promos for their upcoming jpn release of the same name ❀ it looked relatively simple to create , so i went ahead and remade the graphic into a temp with a couple of personal changes ( mainly to the left window as it was just text & looked somewhat boring in an already text - heavy graphic , though the option to switch to that is still available ) ❀ experience in photoshop is recommended for this template in order to work comfortably with drop shadows & strokes ❀ download link is in the source code + below the read more is the fonts used & some necessary credits ❀ please consider a like + reblog if you found this useful ( ˘͈ ᵕ ˘͈ ♡) ~
❀ CREDITS.
based on these promos - here
pngs of clothes + accessories taken from multiple pinterest sources
highlight overlays found here , which has a link to the og creator - here
— introducing prettyu , the latest template from tinytowns. this can be treated as a banner or pinned graphic &. is an alternate version of my pang! template which can be found here &. is the final product of my super! template series which can again be found here ❀ inspired by manga + comic aesthetics with halftone patterns + playful speech bubbles , though you are absolutely free to take creative liberty &. customize it to your tastes as long as credit to tinytowns is somewhere ❀ experience in photoshop is required to edit this template effectively as it utilizes clipping masks , shapes + rasterizing layer styles to achieve the stroke effect - but help is always available through ask ❀ download link is in the source code + below the read more along with fonts used + icon credits ❀ please consider a like + reblog on this post if you found this resource helpful ( ˘͈ ᵕ ˘͈ ♡) ~
❀ DOWNLOAD.
prettyu! template - here
font used is arista 2.0 alternate - here
❀ EDITING TIPS.
when changing the name make sure to make the first name layer invisible so you can edit the one behind it ( gives it the black stroke effect )
remember to use a mask to crop your model pngs so that they don't spill over the edges ( do this after you've done all the strokes )
to achieve the stroke i did a first white layer stroke of 4 and then right clicked my model png layer + rasterized the layer style , then adding a 1 px stroke of the same grey on the borders .
❀ CREDITS.
sparkle icon - Sparkle icons created by SeyfDesigner - Flaticon
cloud icon - Cloud icons created by Freepik - Flaticon
star icon - Star icons created by Smashicons - Flaticon
folder icon - Folder icons created by Good Ware - Flaticon
flower icon - Flower icons created by Freepik - Flaticon
cursor icon - Click icons created by Freepik - Flaticon
introducing shadow , a muse - info version of my google doc dazzling light of which can be found here ! lots of space has been left so that you can write comfortably . this document is large , single - paged & should be relatively easy to edit , though a mini tutorial is under the read more along with an additional link to copy this document ( main link is in the source code ) you should probably have some gdocs knowledge to comfortably adjust the document beyond basic editing. the gif window psd can be found here & is actually just the original version of my psd template snapshoot ! this must be edited in either photoshop or photopea .
❀ CREDITS.
exit icon - cross icons created by Ilham Fitrotul Hayat - Flaticon
the city background was found on unsplash & it is by andre benz.
sparkle icon adjusted - Sparkle icons created by SeyfDesigner - Flaticon
folder icon - Folder icons created by Smashicons - Flaticon
check icon - Tick icons created by Alfredo Hernandez - Flaticon
❀ LINK.
document - click
video player - just in case you missed it ! click
additional tutorial for the background - click
❀ TUTORIAL.
#01. go to file -> make a copy, in order to edit.
#02. do not utilise the page colour in page layout , it might break the document's custom sizing. instead , you should click on the background and hit replace image !
#03. to change the character images , double click the design and it should take you to a google drawings window. from there , just hit replace image on most things.
