Hi There Everyone Snow Here With another Tutorial But This Might be for people who want to make a Layout that suits them and I'll be teaching you on How To Make your layout Suitable for Everyone and The RIGHT way and WRONG way to create a layout
Please read Undercut for the explanation reblogs are really appreciated!
WARNING FOR EYESTRAIN AND BRIGHTNESS PLEASE READ WITH CAUTION
For this tutorial I'll be using this Header as Our prime example and as you can See This Header Is Suitable and it has lower brightness now you may ask what does it look like with a Bright PSD? Well we'll be using Some of My Bright PSDs as An Example for this tutorial such as....
These Two Prime Examples for this Tutorial
If you use these PSDs this is the result you'll get this...
But Snow They don't seem to look like it's giving Eyestrain exactly because I used a Black Fliter when I made this layout now if You Turn off/change it and put the PSDs
These Look Cute sure But If You Use Way a BRIGHTER pink,Yellow or ect Your layout will blend Into the white
Comparing These Two first Image is WHAT YOU SHOULD NOT DO as of writing this I Cannot See the Render in the first image and in the second image is what you SHOULD do use a darker shade for people who hate eyestrain Edits
Remember to Make Balance on Your Edits and remember if people politely ask you to change your layout or to lower the brightness just comply with them because some people do Not Like that
✚ ⠀┄┄ resources needed: alight motion pro (can be achieved without pro by watching ads!)
𐂯 𓈒 tutorial requested by @japloga ... continue under the cut!
┈ ˳ᴗ ᴗ) ｡ OO1, setting up your project :
once you've downloaded alight motion, you must create your project! there are multiple settings available, but here is what is needed for this specific tutorial: a transparent background, a 1:1 canvas ratio (specifically for non-pro users due to the watermark), and a 12 fps frame rate.
┈ ˳ᴗ ᴗ) ｡ OO2, setting up your text/font :
now that your project is open, click the plus button in the bottom right corner of your screen. it should open a tab of options. directly above the plus sign should be a button labeled "text". click that!
input your desired text and play around with the settings! there are many ways to customize your text in alight motion, not just through these settings, but that will be discussed later after the effect tutorial, just to keep things less overwhelming. for non-pro users, try your best to keep your text as far as possible from the watermark so cropping is easier. once you've done that, extend your text duration to 2 seconds (if it isn't already)!
alight motion has a wide range of preinstalled fonts; my favorites being averia sans libre, henny penny, mystery quest, im fell english, fontdiner swanky, kosugi maru, gamja flower, and other fonts you may be familiar with if you use metadata fonts for rentry. if your desired font is not available, you must download it to your device and unzip the file before importing it:
┈ ˳ᴗ ᴗ) ｡ OO3, applying the effect :
this is the tricky part of the tutorial! confirm the changes to your text and click on the button in the bottom right corner that should say "effects". press add effect. at the top of the effects page, look for the search button and search "text transform", then select standard settings! we only need to change 3 or 4 things, so watch the video below carefully.
if you find that the letters in your text are moving too far apart or too closely, it can be adjusted by changing the offset settings. in the video, i used -5 for x and 5 for y in the offset as an example, but it all depends on the selected size of your text. note that your x and y should be additive inverses of each other, so if your x is -3, then your y would be 3. if your x is -7, your y should be 7, and so on! do not be concerned with the speed of your effect, it will be changed later.
for those who want to customize your text further with gradients, strokes, outlines, or shadows, go back to the tab with the effects button and begin experimenting with these options! this is not just for text as well, images can be edited to have a border and drop shadow too. (p.s., i recommend using border instead of stroke for outlining text!)
┈ ˳ᴗ ᴗ) ｡ OO4, exporting the project :
feel satisfied with your project? it's time to export! unselect your layer of text and click on the green export button at the top right of your screen. choose the GIF option, but don't click export just yet! click the arrow on the right to manage the settings of the gif. this allows you to change the final frame rate and resolution size to minimize the overall size of the gif. changing the resolution is completely optional, especially if you plan to import this text onto a larger sized graphic, but its very important you change the frame rate to 'low"! this will slow the speed of the effect and minimize your project to approximately 6 fps, ensuring no duplicate frames.
heres an example of what i was able to come up with after experimenting & exporting! if you feel that this speed is too fast still, you can change the speed of the gif on ezgif.com. for those who did this without pro, you can also crop the alight motion watermark off on ezgif as well!
i hope this was helpful? if you have any questions, feel free to comment and i'll try my best to help!!! also very sorry this tutorial took me like... a week? idk. tumblr was NOT agreeing with me when i made the first draft of this.... good luck and have fun editing <3!!
“ Editors just a small tip when making transparent with only an eraser PLEASE make sure it's 100% transparent if you see any bits of missed spots like in that photo you'll see the pink circles that I marked yeah please use stroke (Both) filter since it always shows some bits of mistakes I recommend you using selection Layer and inverting the selection Layer it's A LOT Easier to render/make transparents without any mistakes ”
To start the tutorial you need to get a edit that was made or an image I'll be using this graphic as our example
To get a PSD there's various ways you can get a PSD You can get it through Tumblr for free or paid through The Editor's Kofi or Deviantart I'll be using Mediocre Love Strings (my PSD) as an example as well
You'll be using Photopea for gifs,psds,ect.
You'll start opening both the edit and psd files
Tip: You can Adjust the PSD's Layers to your liking When the editor says so or not
Now that aside how do you put the PSD onto the Edit you'll have to go to the layer you'll have to click “duplicate into...”
After clicking on that option it will open a Tab with Destination with the file's name, Art board and the folder's name and you'll press the destination button and you can change the file for the PSD to be duplicated in the other file and by pressing okay will give you the results of the PSD
Here are the results
Tip: Some PSD aren't suitable for POC due to the PSD being bright and eyestraining to some
Here are some examples for the suitable ones (Soft No Hana and Skater Boy PSDs)
That's all for the Tutorial! If there's anything missing please let me know!
This Tutorial Will be focused on How to put gifs onto your edits and Other related Gifs
Examples:
I am not explaining the glitch (soon but not now) But For the glitch Tutorial here are most Reliable ones
1 , 2
For the effect for fading You'll need to go to ezgif
And add Two Layers (or more)
And you can change The delay to your liking! (I use 25 delay)
You'll have to press “crossfade frames”
You'll need to change the fader delay to 7 and the frame count to 20 and you'll start making a gif!
And here's the result
And for no effects you'll need 3 layers and press don't stack frames (if you don't it'll look bad)
Examples
For Gifs for graphics you'll need a transparent gif and open Photopea
And press duplicate into and the folder is on the edit and you'll have to click edit and press free Transformation
After moving the gif you'll download it as a gif
Here's the result
Tip: if you want more than one gif Add 2 to more gifs but for all to not freeze after a gif is done you need to merge the gif with the other gif by using layer and scroll down and press animation and click merge
To start the tutorial you need to get a edit that was made or an image I'll be using this graphic as our example
To get a PSD there's various ways you can get a PSD You can get it through Tumblr for free or paid through The Editor's Kofi or Deviantart I'll be using Mediocre Love Strings (my PSD) as an example as well
You'll be using Photopea for gifs,psds,ect.
You'll start opening both the edit and psd files
Tip: You can Adjust the PSD's Layers to your liking When the editor says so or not
Now that aside how do you put the PSD onto the Edit you'll have to go to the layer you'll have to click “duplicate into...”
After clicking on that option it will open a Tab with Destination with the file's name, Art board and the folder's name and you'll press the destination button and you can change the file for the PSD to be duplicated in the other file and by pressing okay will give you the results of the PSD
Here are the results
Tip: Some PSD aren't suitable for POC due to the PSD being bright and eyestraining to some
Here are some examples for the suitable ones (Soft No Hana and Skater Boy PSDs)
That's all for the Tutorial! If there's anything missing please let me know!
vaporwave
areudirty
kianamaiart
dededos
janainaart
blakekathryn
pixelskylines
dailybridgerton
