#background is a zoomed in and cropped screenshot
Explore tagged Tumblr posts
blkkizzat · 3 months ago
Text
Tutorial: Manga Banners
Basic Manga Text Change/Coloring/GIF creation in PS
Hey, so as promised making a very basic tutorial for making banner gifs in photoshop for fics/drabbles/layouts, etc.
I'm going to keep things super simple here for beginners.
END RESULTS↴ 
Tumblr media
(NOTE: This gif I made will be used for an unreleased story of mine so please don't use this exact gif/images but you are free to follow the tutorial to create your own).
All I ask is if you find this helpful to REBLOG! :) No need to credit me.
For this tutorial you will need ↴ 
Photoshop
At least 2 manga panel images (non-transparent*)
Optional: Manga fonts. I mostly use CC Wild words (speech bubbles) & Manga Temple (narrator boxes)
Basic knowledge of photoshop layout/where tools are.
*this tutorial is essentially the same if working with transparency but if you do work with transparency you will need to have knowledge of clipping masks which i do not cover here.
Tutorial ↴ 
(optional) Prepwork: so i didn't think to include this do this but you are going to need to crop and resize your image. make sure the width is either 540 or 1080px. This is the recommended width for pictures in tumblr. Height can be what you want it to be. This is done image > image size (make sure the link-chain is pressed for aspect ratio)
Step 1
This is what you want your setup to look similar to. Delete locked background layer.
Tumblr media
Steps 2 & 3
Make a new layer. It might be helpful for beginners to re-name all their layers so instead of "Layer 2" you might name this ⇢ "White fill layer or Text cover up". (doubletap layer name to change it).
Use rectangular marquee to select text you want to change. If you are just replacing a word or two you dont need to white out everything. But you could choose to cover up all if you wish. I just wanted to remove "senpai".
Tumblr media
Steps 4 & 5
Use Paint Bucket Tool to fill in selection area with white (make sure the new layer you made is selected when you do this).
Select Text Tool. There is no need to make a new layer as once you are done typing it will become a text layer. I used CC Wild Words bold font for this for emphasis. If you do multiple lines of text use a new text layer for each line.
Tumblr media
Step 6 - Optional Step - Highly recommended if you did multiple lines of text.
Rasterize Type by right clicking the layer. This is an optional step. I tend to do it out of habit and rasterizing lets you use the move tool to give you exact px distances between other rasterized elements but nothing we are doing requires this tbh and if you do decide to do it you can't go back and edit text.
If you did multiple text layers you cause space them out evenly using the move tool (zoom into 200%-400% if necessary to get exact pixel distances). Tip: Manga text is centered in the bubble and leaves a good distance away from the edge.
When you are done ctrl/cmd to select all text layers then right click and merge the layers. This is so incase you have to move the text layer for whatever reason they are all on one layer now, evenly spaced and you won't accidentally mess that up.
Tumblr media
Step 7
Create an exposure layer (half filled in circle in layer bar for menu). This is important as it can lighten/darken image to make the colors we will add later pop by playing with the sliders for each setting.
Tumblr media
Step 8
Apply exposure settings. On the right-hand side there will be 3 slider bars. The screenshot shows my settings but your settings will vary depending on the image. The one that gives the biggest benefit for manga is Gamma Correction which affects the midtones to make them lighter/darker and adds better contrast to the image so it doesn't look as muddy, often in black and white images it is easy for midtones to look muddy. Offset affects mid to dark tones of an image. Exposure affects midtones to highlights to make brighter or darker, overall use this the least. TIP: If you want to make an image brighter or darker you usually want this to apply equally to the overall image so then you would create a brightness/contrast layer instead. most manga images skew muddy and need a midtone and dark adjustment rather than highlights. the better the manga scan images the less adjustments you will need.
Tumblr media
Step 9 - Optional
Apply a gradient map (half filled in circle in layer bar for menu). This is optional. a Gradient map adds gradient but preserves the shading in the image so essentially adds a gradient to the shading. I do this in black and white. But if you are happy with how it came out in the exposure phase you don't need to.
Tumblr media
Step 10 & 11 -
Apply a gradient (half filled in circle in layer bar for menu). So when you add a gradient there are a ton of preset color combos you can use or you can create your own. I think this one is a preset but can't remember. I like a diagonal gradient from light to dark depending on where the light source on the image is but it is completely up to you. I tend to set the gradient angles near these 4 settings: -145, -45, 45, 145 depending on what corner I want the lighter part in.
One thing to note is brighter colors work better with a darker background. Lighter backgrounds can get washed out. One you add this as you can see it will be solid color.
*note* once this layer is applied any edits such as moving text, etc. around you want to do to the lower layers beneath it click the "eye" button to hide the gradient (same for the map) or there's a good chance it will move the gradient layers around and not the layer you want.
Change layer blending mode. By default it's set to "normal". You can play around with these. Depending on the effect you want and whether the image has darker or lighter colors will decide the blending mode. My typical blending modes are screen, overlay, hard light, vivid light or pin light. You can duplicate this gradient layer and play around with multiple settings and opacities to create something you like.
Tumblr media
Step 12 - Optional
Add a Brightness/Contrast layer (half filled in circle in layer bar for menu). Brightness/Contrast on this step will look wildly different than if you added it right after the exposure step. It's not necessary but if you want more overall contrast or brightness then you can add it.
You can see my settings below on the sliders on the right-hand side.
Tumblr media
Step 13
Create new layer for highlights. (also good check point to see how your layers are organized).
Tumblr media
Step 14
Select the brush tool and ensure brush settings are a soft round brush with a hardness of 0% for the highlight effect. (if you click the brush image you can see my settings better)
Tumblr media Tumblr media
Step 15
Select the dropper tool and pick a color from the gradient image. I usually pick the darkest colors available as it will have the best dodge effect for highlights. Since this is pink/redish I only have one highlight color but if you were doing a green/blue gradient you would pick the darkest from both. (ignore the purple here its not being used)
Tumblr media Tumblr media
Step 16
Create highlights with brush tool. Do a few tests placements randomly around the image for positioning and then swap the blend mode to either color dodge or linear dodge. I usually do color dodge. You will get awesome highlights like below. You can play with the sizing of the brushes and opacity to decrease the effect.
Tumblr media
Step 17 & 18
Export as PNG. Do this even if you want to make a gif as I always recommend a clean canvas for gif making. If you want to be done here and don't want a gif thats fine too. File > Export > Quick Export as PNG (do not save as jpeg/gif you will lose image quality).
Repeat for second image. You don't need to open a new file unless it helps you to not get confused. You can just make a new layer and paste your new image into that layer (if you just right click copy the file in the window/finder folder you can directly paste it into a layer in PS) and use the transform tool to resize. However you can totally just open the image in PS. The benefit of same canvas is you save yourself some time as you can just duplicate gradient layers/adjustment layers and move them. But this is kinda more advanced so if you aren't comfortable with photoshop just make a new image.
Tumblr media
Step 18-19
Create new file/open one of the PNG in PS (more advanced can just create new layer, select image, then copy > copy merged and paste on new file for each. Otherwise open one file, create a new layer then copy the other file. The bottom later will be the first image in the gif.
Create Frame Animation on the timeline window. (if the timeline window does not appear then window > timeline) *note* if this is your first time working with the window it may be set to "create video timeline", if that's the case create it then from the frame menu (in step 23 theres an example of where this is) select "convert to frame animation".
If done correctly your setup should look like the below with two images. One for each layer and one for each frame.
MAKE SURE PROPAGATE FRAME ONE BOX IS CHECKED IN THE LAYERS WINDOW.
lmao, not to be dramatic but this ensures most effects you would add to frame 1 (which corresponds to layer 1) is applied to all frames. I'm not too sure its super vital for this super basic gif I'm showing you but its better to get in the habit of always having it checked. otherwise it will fuck you over later down the line in my next tutorial where I show how to add frames to gifs.
Tumblr media
Step 20
Select both layers, then select both frames (ctrl/cmd) and finally select tween from the timeline window. It is the multi-faded dot option on the bar below.
Tumblr media
Step 21
Add Frames to Tween. Tween is the fading effect adding more frames is the longer the fading effect is. I added 20 for this step, you can play around and add more or less.
Once you do that you can see 20 new frames being added onto the timeline. This will not automatically add new layers, this is fine. Frames and layers don't need to be a 1-to-1. (Another reason why propagate frame 1 needs to be checked as you can still adjust those layerless frames by adjusting frame 1's layer)
Tumblr media
Step 22
Adding delays. Automatically the delay on every frame is at zero. But especially if you have text you want people to be able to read that so you need to add in a delay. Your delays can be in increments of 1/10th of a second. I add a 1 second delay to the first frame only.
Tumblr media
Step 23
Select and Copy the first frame and then select the last frame and Paste. A paste window will appear in this case we want to paste after selection. I circled where the menu for frames are. (sorry used a different gif as an example so ignore everything but the circled menu)
Tumblr media Tumblr media Tumblr media
Step 24
Adding additional delays. I add a 1 second delay to the last two frames.
Tumblr media
Step 25
Add more Tween I added 5 frames this time as we want the transition to be much quicker to reset the image. You can see frame 23 in the previous step are now frame 28.
You can add more images in than 2 and follow these steps to add tweening.
Tumblr media
DONE! Now to save.
Step 26
Export your gif. File > Export > Save for Web (Legacy) and the screen below should pop up. Here are the settings I use for gifs. You can play around with it but I really wouldn't lol. (again ignore image size, this is from a different gif) it will also tell you how big in file weight your gif is. This isn't something you have to worry about for something simple but the bigger the image size and the more transitions/images you use the more frames you will have. Reducing image size (make sure chain link is on like in the below) will take off more sizing then removing frames will and I would recommend that. But tumblr allows 10MB MAX per gif so just something to keep in mind.
Tumblr media
Let me know how this was! If you have questions just drop me an ask. ❤
88 notes · View notes
felassan · 3 months ago
Text
Thoughts on the updated companions screenshots:
Lucanis: in a few screenshots now it's looked to me that Lucanis has a slightly 'crooked' nose and I love that feature! in this shot you can see that at the bottom of the 5 little vial things there's a small spike. the design of the opposite side has the impression of a ring pull. here the purple bit almost looks like fluid held in a sort of glassware. vials of poison for enemies (the Crows make use of poison), or something Lucanis needs to take regularly himself, with a sort of injection delivery system? or simply vials of something with a decorate spike at the base, and the part with the ring-pull looking bit is simply the lid/screw off top? in this shot you can also really appreciate the bird-like inspirations in Lucanis' whole character design. like he has an aquiline quality, the way his hair fluffs out a lil bit at the sides reminds of wings, etc.
Davrin: this shot is a more complete crop of one of the ones of Davrin from yesterday. ^^ in this widened crop, we can see that the person he's leaning in and leaning down to talk to is Assan (with Manfred and Rook appearing in other shots in this collection below, it means the gang's all here). 🥺 the expression on his face is so lovely and if you zoom in you can see that Assan has the impression of lil furry/feathery eyelashes. 🥺 the design of Davrin's jacket buttons reminds me of wheels. could this be a reference to aravel wheels? I hope that Davrin's relationship with his Dalish culture and clan is portrayed respectfully, that he's connected to them etc.
Bellara: this shot is a more complete crop of the ones of Bellara from yeserday. ^^ the wisps of hair around her ears.. 🥺
Harding: another shot of Harding injured 😭 aaah why 😭.. I count at least 5 now. (3 in that post, 1 from yesterday, and this one from today). again in this image she's clearly had her injuries for a while, she has stitches and the bruising is in fading mode. she's seated in her casual clothes - I think this shot was taken in the Lighthouse. it's a different seat, but the vibe is very much like Harding here. omg in her casual attire Harding's braid is down ♡ like still braided but not tied up. I feel like in the field it's more like tucked up or wound round her head? in this shot we also have a lovely and detailed look at the adorable flower pattern she has stitched on her shirt. Harding is never defeating the adorable allegations.
Neve: in the background is an eluvian, the way we've seen them look in this game when they have just been used or are just about to be used. I wonder if this is the eluvian that leads from the Lighthouse out into the world of Thedas, and if this shot is from an early point in the game. every time I see Neve I wanna drop to me knees lmao and even though we've seen it before, every time I see her I'm stunned by the care and detail by the devs that went into creating her outfit, every aspect of it. :') in the center at the bottom, just behind Neve near one side of the eluvian's frame is a purpley glow. I think that might be one of these (circled in yellow), from this scene in the release date reveal trailer.
Tumblr media
these things presumably have something to do with how to work and use the ancient elven magic-tech of the eluvian. with her Veil Jumper experience and interest in ancient elven artifacts, Bellara presumably knows how to use it, or has an idea of how to do so. in the reveal trailer, it looks like she's demonstrating this, or 'opening' the eluvian, to show Rook and the party.
Emmrich: it looks like he's talking to the lady elven warrior Rook that we've seen a few times now in the promotional material (like in the recent warrior gameplay video). Emmrich has impeccable style. I love all the detailing on his clothes. like the skull pin at his collar, he also has two skull pins lower down on either side of his waist. (this is a fashion flair shared with Lucanis; he also has a pin at his collar and then two more, one on either side, elsewhere on his coat; only his are crow skulls of course). parts of the material of his clothes have that crushed velvet look. Emmrich has big "I tell the time by a beautiful antique pocketwatch I keep on a chain" vibes. :D on his shoulder pads there are arrow patterns. the background location looks Nevarran and/or Necropolis-y to me. it looks like there are candles which burn with green flame (I'm really curious about that. is it Veilfire?) and you can also see a hexagon. I wondered here based on prior screenshots if hexagons are an aspect of Nevarran art/design/tileset.
Taash: I would like to see a new screenshot of Taash beloved 👉👈
Manfred: he looks so cute and happy, this is a really detailed shot of him and I'm really curious about the material that composes the lenses of his goggles. they look like they could be cut gems. if you look closely at the detailing on them, there's a pattern like an eight-pointed star or something etched on each lens. it gives his expression a permanent "🤩"-type impression hhh. and I'm really curious again about the purpose of his goggles. depictions of them like in Emmrich's tarot-style card art make it look like they have something to do with the necromancy. he is very helpfully handing us a lantern. the glow of the light in it looks green, like the lighting fixtures we've seen in the Necropolis.
Bonus Neve shot: what are these lights in the background I wonder? ^^ this shot is a good reference for the handle of her wand-cane thing. I think the blue-lustre finish on the gold parts is pretty. btw, do you think the orb held in Neve's wand-cane functions the same way for Neve the way the orb in dagger-and-orb style does for dagger-and-orb/Spellblade mages?
118 notes · View notes
changingplumbob · 2 months ago
Text
A Party To Die For Templates: SFS
Tumblr media Tumblr media
So I may have got a tad overexcited about the Halloween CAS Challenge created by @la-llama-sims, and I made templates for every prompt. I wanted to share them on the off chance someone wanted to also do the challenge but maybe didn't have time to do much other than screenshots.
Tutorial below on how to make your own cards using the templates if you are unfamiliar with photo software, all you need is the template and a screenshot of your sim! Very little technical skill required to so feel free to jump in for Simblreen (the month of October on simblr). Remember to go to the original creator post to check out the prompts and the hashtag given for creations is #LLPTDF. Hope to see some of your creations next month, keep them for the spooky season 🎃👻🦇
Strap in and follow along as I make Glenn here (he won't do the spellcaster prompt for Simblreen, it's dress up after all, but it makes sense for a demo)
Step one: Grab the zipped folder of templates on SFS HERE. Unzip the folder and put it somewhere easy to find in your documents, I have a tumblr specific folder my templates are normally sorted in.
Step two: Open your photo editing program of choice. I use paint.net which is old but for this demonstration I will use Photopea, the online free alternative to adobe. You will see the screen below
Tumblr media
Step three: Click "Open From Computer" right in the middle under the main title. Find the screenshot you have taken that you would like to use and open it. Now the hole in my template is 744x991 but you can make it slightly bigger if you don't want to fuss as much with lining things up exactly. To resize image from the top bar (Image -> Image Size) We're going to use the crop tool when we have our picture.
Tumblr media
Step four: Pull on the squares at the edges to change the size. If you need click View in the top bar and you can zoom in to allow finer selecting. When you have the right size click the tick and copy the image. Keyboard shortcuts are Ctrl+A to select all, then Ctrl+C to copy.
Tumblr media
Step five: Open the template you want to use (File -> Open, from the top bar). Add a new layer using either the top bar (Layer -> New -> Layer) or the icons on the bottom right.
Step six: With the new layer selected paste the image, Ctrl+V.
Step seven: On the right of the screen you'll be able to see layer order. Drag the layer with your sim underneath the background layer. This is what will let you slot in your picture.
Tumblr media
Step eight: Finishing touches! Unless you are super duper lucky your sim won't appear in the exact right place, you'll have to move them around using the move tool. For precision you'll need to zoom in and move your field of vision using the hand tool.
Tumblr media Tumblr media
You'll know it's in the right place when you can no longer see any of the negative space behind it. I like to check both corners to make sure I've got it. This is where having a sim image slightly larger will make it easier.
Tumblr media Tumblr media
If you like you can finish now. From the top bar File -> Export as -> PNG or JPG. The picture will save to your downloads folder. If you want to add your own text, keep reading, as I've left space at the bottom for your username, the sim name, and a profile pic or other logo. Or go ahead and crop it out, who needs extra hassle when there are cute CAS looks to be made?
Step nine: From the bar on the right select the large T to add some text, it will automatically spawn in a new layer. Scroll through text options and find one you like (the text style I used isn't in photopea so we will find another). Depending on the type of text you will likely need to play around with the size as well.
Tumblr media
Step ten: Start typing. When you're done you can highlight what you have written and use that size box to adjust how big the text is. Select the move tool from the right to move your text where you want it. Repeat step nine if you want text on the other side. I've chosen to put my username on one side, and my sim's name on the other.
Tumblr media
Step eleven: Logo time. Open a pre shrunk logo (I scaled my pride plumbobs down to 125x125) and copy. Back on the template add a new layer then paste your image (for some reason I had to copy twice before it would do the right thing, I don't have an explanation sorry). Then using the move tool and the hand tool get your image where you want it.
Tumblr media
From the top bar File -> Export as -> PNG or JPG. Again it will have saved to your downloads folder.
Tumblr media
Voila, we have a Glenn card! Hopefully you have a your sim card. I spent hours doing up all the templates so feel free to fill them with your sims for the challenge. All I ask is that you don't claim templates as your own work or shove them behind a paywall because rude and the whole premise of Simblreen is free treats! Obviously you do NOT need the templates to participate in the challenge, the cards are just how I'll be presenting mine. Like CAS challenges the possibilities are most often only limited by your imagination.
55 notes · View notes
eshithepetty · 2 years ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
LISTEN. I KNOWWW that the polls haven't even started, but I'm impatient, ok, I'm just putting this out there now cause I can't take it..... anyways - I've seen people do powerpoints as a way to campaign for their blorbos in the various polls that have been going on, so!! I thought I'd do one of my own for the @autismswagsummit ^^ as I simply can't pass on any chance to be brainrotted over this series, it seems...
ID under cut, as it's very long!
[ID: a powerpoint presentation campaigning for Mob from Mob Psycho 100. It's formatted in dark purples and pinks.
The first slide is the titlecard, differing from the main slides by having a pink holographic aura, like the ones from the show, as the background. The text says:
"#MOBSWEEP 2023
Aka why you should vote for Mob in the upcoming autistic swag summit. Please
(JK follow your own heart ^^ but for your consideration:)"
The second slide is titled: "Who is Mob, aka Kageyama Shigeo?" and below the text lists:
"Source: Mob Psycho 100, which is also where Reigen comes from;
The protagonist! Only with background character syndrome (which is why he’s named ‘Mob’ – it’s kinda like naming your protag ‘John Doe��� lol);
A 14 year old with the psychic strength to destroy the world. Which he’s not very happy about actually;
Cause really, he’s just a nice, gentle boy who simply wants to improve and impress his crush by getting swole :) Oh, and he also experiences the horrors. Btw."
On the right of this text, there are two images: One is a zoomed in screenshot of Mob, his face blank and confused, and the other is an official art of the show, depicting Mob in the center, aura glowing, with many of the show's other characters around him, with the show's title at the bottom of the image.
The third slide's title is "Ok but tell me more about the autism", and below, the text says:
"Gladly ^^
Ok, first off – symptoms:
Bad at reading social cues, detecting sarcasm, lies, etc.;
Struggles with recognizing/expressing emotions. Has what could be called psychic meltdowns;
Very honest and blunt, sometimes appearing ‘ruthless’ as a result;
Explicitly low empathy, in that he can’t feel what others are feeling;
Actually very compassionate, and follows a really strict moral code;"
There are no images in this or the next slide.
The fourth slide is a continuation of the previous, with the text being:
"Abnormal reaction to sensations, but instead of overreacting, he underreacts, rarely responding to physical touch and disturbing imagery. Has shown to be at times sensitive to loud sounds, however;
Prefers following a routine. One of his biggest conflicts with Reigen literally arise from the man often calling him out of the blue and making him suddenly adapt, which Mob finds really annoying/upsetting;
Struggles in school. Explicitly bad at math, japanese and PE (really passionate about the latter tho), which could be for a variety of reasons, autism related conditions (like dyscalculia/dyslexia/dyspraxia) being one of them;
Has felt like an outcast for most of his life. Even if he grew up in a pretty loving environment, he recognizes that he is different to others, and people sometimes treat him as such (in a /neg way);
His main arc is about overcoming trauma and… just masking (and how to stop doing it), pretty much, lol."
The fifth slide, in contrast, is mostly just images, placed upon a white background. The title for this one is "Alternatively, just look at him:"
The images, from top to down, and then left to right, are:
Three cropped subtitles out of screenshots of the show, which say:
"I'm sure I just got the wrong idea again. How embarrassing."
"He's detached from urban legends, fads, and other hot topics among people."
"You just can't lie, can you?"
The fourth is a cropped screenshot of Mob's explosion meter. Both in Japanese and English. Specifically, it says: "Progress towards Mob's explosion: 92%". Additionally, there is an annotation above this image, saying: "Literally has a meltdown meter ksfdks"
In-between these and the next column of images, there is also a transparent image of Mob, him standing stiffly, faced towards the camera, his standard, blank expression with a small smile on his face.
The next column of images goes like this:
A screenshot from the show, done in paint on glass, of various kids towering over Mob, who's standing in the middle of the image, small. Their expressions wary, from sneering, to frowning, to looking disgusted. The subtitles at the bottom say, with one part blocked out due to spoilers: "[spoilers] didn't treat me any differently even though I could use psychic powers."
Next two are cropped dialogues as well. They say:
"This version of him was created from being suppressed and locked away."
"Social skills like that are beyond you."
And on the right of the slide is one vertical image, showing one of Mob's books, with the subtitles translating the Japanese title of the book as "The Proper Way of Reading the Room". Next to this one, there is also an annotation, saying: "He has a book on learning social cues :’)" That's all for this slide.
The sixth slide is titled "Is he good rep though?" Text below is:
"Well, to answer the first thing relevant to this question… no, he’s not actually confirmed canon autistic. But c’mon.. it’s so obvious. This kid is not fucking allistic like c’monnnn
Of course, what people consider good and bad rep is gonna vary from person to person. But to explain why a lot of people see him as very positive rep:
"1) He’s the main character, so he gets the most spotlight, and the narrative is formed around his pov, in that we only see things that are relevant to Mob, and visually things are often represented in the way Mob sees them as well (take the body improvement club or Tsubomi, for example), which puts all viewers soundly in his shoes and makes him easy to relate to and sympathize with, and makes it clear how important his emotions and view of things really are;"
On the right of this are 3 images against a white background. The first one is a screenshot of the Body Improvement Club - 5 very buff and large dudes - standing against an explosively red and yellow background, with all of them enthusiastically flexing. The caption below that is "The body improvement club! ...they're supposed to be middle schoolers lol".
The next two, below the first one, are two screenshots of Tsubomi. The one on the left has her smiling, her eyes wide and bright, the background being pastel pinks and yellows. The one on the right, however, has her frowning, the background turned black, her eyes dark and disinterested. The caption below says: "Tsubomi :) And how her design subtly changes alongside Mob’s view of her".
The seventh slide is a continuation of the previous, with the text being:
"2) He’s a very well rounded character, with well thought out strengths, flaws, motives, and his overall story is very cohesive and satisfying; 3) His autistic traits are portrayed neutrally – in both where they help, and where they can cause conflict. It balances between him learning what things he would benefit to address and deal with, and what things he shouldn’t be trying to change at all, and as the whole message of the show emphasizes – he is no more or less special than anyone, no more or less of a person – he is simply human, and his autistic traits are just part of what makes him himself."
This one has images next to it as well. The first one is a screenshot of Reigen looking towards the camera (at an off-screen Mob), hand to his chin, eyebrow raised and smiling, some food crumbs still stuck to his face, as he says: "Today you happened to save some people that only you could have saved." Next to it is the annotation: "Reigen reassuring Mob about how his inability to read the room and feel empathy actually can be a huge benefit sometimes :)"
The next image below is a zoom in of Mob's face, his eyes shadowed by his hair, the scene's lighting dark, as he says: "I'm not being mocked, nor am I easily taken advantage of." The annotation next to this one says "Mob learning to recognize his emotions and assert himself better as the story goes on!"
And the last two images is a screenshotted dialogue, saying "You don't think changing yourself for someone you love is natural?" "I don't. At least, not when we're talking about [spoilers]" (The last bit is blocked out again).
The eight slide is also a continuation. The text says:
"4) He is loved. Loved by his friends, his family, his allies… even most villains come to take a liking to him. In fact, he’s something I haven’t seen many autistic characters be – he’s admired! So many characters, and even viewers of the show I’ve found, really admire him and want to be more like him. And not because he’s a perfect person, or super smart or anything, but because he sincerely tries his best. And I just really appreciate that, personally,, 5) And more than just loved, he is accepted – the whole main arc and the resolution of his story centers around that, around how important it is to feel accepted by the people around you, in all your entirety, no matter how strange or destructive you may feel yourself to be. And how you need to come to accept yourself in the same way as well. I just think that’s a really sweet in a story centering around a neurodivergent person :’)"
And the images next to it are as follows:
A screenshot of dialogue from the show, saying: "At first glance, Mob may seem unreliable, but his strength is undeniable." The annotation clarifies with: "The ‘strength’ in question, in this case, being Mob’s ability to reach out to people ^^";
A screenshot of Teru placed against a blindingly white background, him grinning widely, looking down, eyes shining, as he says: "I knew it, you really are amazing!". Next to him, there is a small caption of "Lol gayass /pos";
And a screenshot of Mob, in the bottom center of the image, small, as he is surrounded by various characters. Most of them are smiling encouragingly, with the ones closest to him, like Reigen, Ritsu, Dimple, Teru and Tsubomi, being bigger and placed in the front. A small caption at the top says: "He has so many friends and allies ueueeueueue.."
The ninth slide is titled "Additionally:" and the text lists:
"Psychic powers as a metaphor for being nd/othered, if that suits your fancy;
His design is iconic and versatile;
The boy has. Issues;;
There are many other characters in mp100 who can be read as autistic. Not a single neurotypical in this show /hj
Mob has more than just autism swag. I’ve seen people with bipolar disorder, ADHD, anxiety and those who are plural (etc.) also relate to him :)
He is simply the Boy ever"
Next to the last line is a small, low quality image of Mob smiling from the manga. The rest of the images, on the right, are:
The meme "I can be your angle....or yuour devil", with images of Mob instead - on the left, him smiling brightly and blushing, placed upon a colorful magenta background, and on the right, a panel from the manga: Mob in one of his explosion states, surrounded by fire, face shadowed, hair pushed back by his powers and waving in the air, and his eyes, wide and eerie, being the only features on his face that are visible.
On the right of these images, there is a smaller one, of Mob in another one of his explosion states (the one from episode 3, season 1 of the anime). He is facing to the side, aura surrounding him, hair pushed back by his powers and his eyes a glower. His pupils are red.
Below these, there are three images of, in order, Serizawa, Tome and Ritsu. Serizawa is sweating, nervous, Tome is sweating even more and yelling into a phone, and Ritsu is simply glaring towards the camera. The annotation pointing to them says: "A few of the other autistic blorbos in question :] (as I personally see them at least)".
And the last is a panel from the manga, of Mob sobbing, tears and drool dripping messily down his face, his hair waving in the air. His expression is somewhat blank despite the clear distress, and the text boxes next to him read: "His tears won't stop. It's an emotion he has never experienced before."
And the tenth, final slide, is formatted the same as the titlecard with the pink aura background, and says:
"Thank you if you got this far <3
Have good days everyones, and remember, the true win for autism is the fun we had along the way :]
Buh bye!! ^_^"
Around this text, there are various images of Mob. Counter clockwise, starting at the left corner:
A low quality screenshot of Mob flying in the air;
Mob, in his puppy hoodie, sweating in distress as he points at a vase;
Mob caught mid smear frame, his leg kicked high in the air as he jumps, his school bag swinging to the side, his expression comically flustered.
A panel from the manga. Mob's eyes are shadowed, chopsticks held to his face, as he stares to the side and says "Tch... Shut up and eat.";
A Mob in an alleyway from the anime, smiling, pointing and looking up and to the left (the center of the slide);
A photo of a Mob plushie tucked into bed;
A low quality screenshot of Mob, standing against a wire fence, facing forwards, his eyes appearing a bit angry due to his hair cowering them.
End ID.]
868 notes · View notes
logicheartsoul · 1 year ago
Text
This meta has been a few years coming, but recently inspired due to: 1) Sian (@siancore) mentioning and incorporating into her amazing fic End of the World the moment that this meta is about, and 2) talking to Mexi (@thatmexisaurusrex) about this and then when she made that "share your fave sambucky moments that are canon" post, I knew this needed to finally been written and have its own proper post.
(Also, to @elektraking who wanted to be pinged when I finally wrote this, I finally did it!)
This post is long and image heavy but I didn't want to put it all under a read more.
We all know this scene from Infinity War, it's been all over people's dashes and giffed and etc etc. We also know it's a pretty quick scene, not necessarily a blink and you miss it one, but because it moves pretty quickly. If you're not paying too much attention to everyone else in the background, things will slip by.
However, watching things in 4K can really make things interesting because 1) you can zoom in and 2) you can zoom in and see some pretty clear detail, like the fact Sam and Bucky are looking at each other during this entire scene.
You can see here that everyone present except Sam isn't really watching Steve and Bucky interact -- either they're blocked from of the camera (Rhodey, Ayo, Bruce) or they're not looking at them (Nat has her eyes closed, T'Challa is looking at the side).
Tumblr media
Sam is clearly in Bucky's line of sight, even if Bucky is looking at Steve (because we know Steve is moving closer to him and is about to talk to him)
Tumblr media
On zoom in, we can see Sam is not zoned out, this is a very focused look at what is happening in front of him.
The next moment is where Steve goes in for the hug, but during this hug, a couple of things happen: 1) Sam moves closer towards them a bit, 2) he and Bucky actually DO stare at each other over Steve's shoulder
Tumblr media Tumblr media
And for more than a few moments. Sort of significant if you think about the fact that Sam and Bucky seem to communicate a lot with nonverbal looks between each other. (We see this a few times in Civil War, and then later in this movie, but that will be even more apparent as fact in Endgame and, of course, TFATWS.)
And perhaps this could be passed off as "looking at each other coz we're looking in the same direction" except for the fact that Bucky makes a deliberate look at Sam when we get the pan over to his face.
When Steve backs away from the hug, we see Sam is still looking at Bucky, so we can assume during the entire exchange when the camera goes towards Bucky, Sam is still doing that.
Tumblr media Tumblr media Tumblr media
Which leads us to when the camera pans over to Bucky.
Tumblr media
(Yeah, yeah the cropping on this is kinda weird for me, but I wanted to make sure you could see his face.)
Steve proceeds to ask Bucky how he's doing. And of course, Bucky gives some kind of cutesy quip that fills space and time before going to the next big plot thing.
It's very interesting that Bucky pauses right after saying "uh, not bad", but as indicated by the arrow I put in the gif, he's staring in the exact direction where Sam would be. Because if you notice in the screenshots before this moment, above, when Bucky and Steve break away from the hug, Sam is in Bucky's line of sight but somewhat to the side, the same direction as the glance in the gif.
Now, as we know, the others are barely watching Steve and Bucky's interaction except Sam, who's still watching with focused attention.
If you were standing where Sam is standing, watching all of this, hearing Steve asking Bucky, "how's it going" and he responds "uh, not bad," and pauses WHILE looking at a glance in your direction, most people would consider that a moment.
And why wouldn't it be a moment? No one else is paying attention to Bucky or Steve except Sam. Bucky and Sam have before this comment were looking at each other when Steve brings in Bucky to a hug. Hell, Bucky could have just said "for the end of the world" without looking sideways and the scene would've worked as intended.
Yet, he gives that glance, and has a smile as he says, "not bad". While looking at Sam. It's so quick, yet it says so much. And considering how we know it's canon for them to be able to speak volumes by just sharing glances at each other (hello Sam looking at Bucky during Endgame), why wouldn't that apply here too? Because the glance wasn't really needed if you think about it.
And of course, Bucky deflects with his "for the end of the world" coz 1) he doesn't want Steve to try to make more small talk and 2) world ending shit is happening, they do NOT have time to stand around, they need to coordinate and they're on a time table. Because we all know Steve, he would want to know the reason why Bucky is actually smiling probably one of the first genuine smiles he's given on screen since TWS.
Anyway, we all know the rest: the plot moves forward, Sam and Bucky end up standing close to each other to witness Thanos' forces trying to get through Wakanda's shields, and then they end up being blipped.
Tumblr media Tumblr media Tumblr media
Still, while a short, quick moment, on closer inspection, a lot can be said. Another in a line of Sam and Bucky's "saying things with a look" moments, but an underappreciated one.
95 notes · View notes
ethosiab · 2 months ago
Note
☕📏📚
☕ Do you do warmup sketches before drawing? (Bonus: do you have any to share?)
Sometimes! If I intend to draw something more 'complete' I definitely do, mostly goofy doodles of the characters involved to get used to them. I don't get a lot of finished illustrations done these days though lol most of my time drawing is just sitting down wanting to draw and then doing literally whatever. Take this scar drawing ^_^
Tumblr media
📏 What’s your go-to canvas size?
Ah this is where I expose that I typically just draw really zoomed in on a 3000x4000px canvas and crop or screenshot before I post kdjfjgjgjk
📚 How many layers do you typically use?
Background layers, character colour, lineart, possible layer to paint over lineart, overlay layer - so generally 4-5 layers. I find it a lot simpler to colour character in all on one layer just bc it stops me from futzing with layers and I spend more time actually drawing
Questions from this ask game!
11 notes · View notes
biancml · 2 months ago
Note
Hii, can you make a tutorial on how u do ur lookbooks? Do u take the pics in cas or in game? Do u have a specific lot for the lookbooks? How about the quality/lightning? I'd love to know! Have a good day
Hello! Of course, and have a great day too!
Lighting
First of all, I decide the 4 outfits & use my Soft Cas Backgrounds
For the lighting I use the Gentle Cas Light & Preset (I'm always editing the settings)
Quality
Still in the reshade Preset, I like to use ''LumaSharpen'' to improve the quality
And I open the Srwe using the 4000x4000 resolution
Photo
Then, I add a Pose, taking several screenshots (If it's not possible to add the pose in Srwe mode because of zoom, do it the other way, keep the poses in action while the swre opens)
And finally, I crop the screenshots and it's done!
9 notes · View notes
valley-of-the-lost · 10 months ago
Note
What's recently happened with Lady Emily? Are there new screenshots??
I don't know how much you know about the situation Anon but quick background if you haven't caught up:
Lady Emily accused Youtuber Chuggaaconroy of sexually harassing her and several other women, specifically accusing him of engaging with unwanted foot fetish roleplay with her and trying to solicit feet pics.
She did provide screenies, but how they're cropped and framed is... notable. Such as, one of her sub-allegations is that she ghosted Emile because she felt uncomfortable and that during the ghosting he got more persistent and aggressive. Except when I look at the screenies provided for that period of time and there's things off about them. Yes, Emile does send multiple messages after she stops responding, but they get progressively more staggered over time. As in, for a few days its like 3 messages per day, then it peters off to 1 per day, etc etc. At the end of the screenie he apologizes for bugging her and says he'll leave her be after that message. After that message there's a reply on September 29th (the day after the "I'll leave you alone message"), but we can't see who it is.
The next screenie is Emile messaging into the void again, and you'd think that he lied about leaving her alone, but the dates are out of whack. Instead of where we left off in September, these messages are about a month later in OCTOBER. It's impossible to tell if Emile kept pestering her for a whole month or if this was a different instance, and there's no clear distinction or clarification about these instances so it would be very easy to mistake it for Emile going against what he said about leaving her alone and basically pestering her for a whole month. Which would look a LOT worse than just messaging for a few days before laying off.
The cropping for some of her messages was sus too. She cropped individual messages of Emile's where he talks about his thing for shoes and certain things he says ("glad we understand each other" & "Being forward with you cause I'd rather not keep anything from you and let you make the best decision for you...") appear to signal a direct and open conversation between the two of them about the shoe stuff. But we don't get to see the surrounding conversation, so it was left in the air if she gave consent or didn't.
Turns out she did give consent.
Like she just released the full screenies of those cropped ones of their discord DMs which shows not only Chugga checking in with her on direct terms to explain about and ask her if she was okay with the little roleplays involving his thing for shoes, and she explicitly said she was okay with it.
There's a framing that's been going around that Emily consented to this under the (allegedly false) impression it was a joke and Emile used that to get progressively more creepy and aggressive with her. But there's a flaw in that in the content of Emile's little roleplay segments don't seem to change. By the time he has that open and direct convo with her, he's already initiated roleplay where he does gags like trying to get her shoes (specified as "cartoony") and spins her shoes around so when he throws them back they knock her backwards in her chair. The content of it doesn't really escalate or change, so I fail to see how she was consenting under a false impression.
There's also the thing about the shoes lol Emile sent Emily shoes as a gift and then asked to see her in them. Emily framed this as him soliciting feet pics from her but despite that she agrees right after with no resistance. And it's not like there's something there like Emile pressuring her to zoom in on her feet (she sent him a fullbody pic of herself with the shoes on).
It's very strange that she cut this all out in the first place, and honestly if you asked me she did it to whip up the twitter mob so she could release the rest later either to undercut Emile using the screenshots or because she'd already set the framing that Emile sexually harassed her so no matter what the screenies actually said people would still side with her.
11 notes · View notes
kemendin · 1 year ago
Note
how do you take such good screenshots? I've always struggled with taking good ones myself
The short answer is - practice, persistence, in my case some photoshop, and a healthy dose of luck when it comes to timing things haha. Combat screens especially are very hit or miss (pun intended) in games like SWTOR where there's no pause button, so I just spam the screenshot key and hope for the best. I promise, for every screenshot that I post, there are 10-40 others that did not work xD
But for a more practical look, let's take one of the Ibis ones I just posted. Here is the original screenshot vs the final version:
Tumblr media Tumblr media
In terms of in game setup, paying attention to the camera angle and where the ambient lighting falls is very helpful. You get a feel for what angles look best on a character, and you decide what your focus is - do you want their face/model to be centre stage, or is it more of an overall composition, maybe with a dramatic back silhouette? (I love back shots honestly, maybe because I'm usually looking at their backs as I play).
Make sure your character isn't lost in the background, some environments can be way too busy for character-focused shots. Sometimes you'll need to move/rotate, sometimes it just takes choosing a more contrasting outfit if you've got one.
Also, play around with emotes/expressions if that's a feature of the game you're in! I have some staple emotes I'll fall back on, and again, you'll get a feel for how to time them if you do it often enough.
As you can see, I do a fair bit of post-processing on my screenshots. I know a few folks use reshade in game for shaders and depth of field - I found it wonky when I installed it, so instead I do all of that after the fact in photoshop.
Typically, I'll crop a screenshot, especially for more zoomed out shots, and sometimes rotate the angle for a more dramatic effect like the above. I love adding depth of field with the lens blur filter, though it can be finicky to make sure just the character is selected, requires a lot of patience haha. And then I'll play around with things like contrast and colour grading. For the above, I actually didn't do a lot of colour tweaks, and I just made sure to enhance the highlights a bit to make things pop. I also added a motion blur effect on the blaster shot. Sometimes for landscape style shots I'll add the black cinema bars, like here, for that extra oomph, other times a shot's fine without them.
So yeah, there's a lot more that goes on here than just hitting the screenshot key - a lot of time spent posing, adjusting, re-doing, and then going in and editing after. As with any art form, patience and practice are truly your friends!
20 notes · View notes
sims4luvrxx · 4 months ago
Note
how do you take pictures of ur lookbooks ??? can u pls share the process
sure! so i basically just press c in cas to screenshot when zoomed out to show a given sim's full outfit. to find these screenshots (i'm on mac) i go to finder > documents > electronic arts > the sims 4 > screenshots. if i'm using poses i'll take a few different shots to figure out which i like best for each outfit, but lately i haven't been doing that as much because i'm lazy lol. for poses in cas, you can download cc that shows up in the traits section so when you select a certain trait the sim will pose accordingly. found a good tutorial here.
i crop the screenshots and then use a solid color cas background like this so that i don't have to make the individual figures in the screenshots transparent and can just stick the screenshots next to each other and the transition between figures will appear seamless. to put all the screenshots together i use photopea which is a free in-browser editing software that operates like photoshop. i export the file at around 300 dpi, and then use picmonkey to edit the image with filters and film grain and the like. to avoid paying for picmonkey (you do have to make an account to use it) i just screenshot the final image instead of using the download option - and then upload here! that's pretty much it. :^D hope this was helpful.
6 notes · View notes
lycanthian · 2 years ago
Note
hiii i just saw your ryuseitai phone theme and it’s so cool!! can you make a tutorial of how you did it?
hi !!!! id love to! im so glad you liked my ryuseitai theme! :3
first step: this widget app (widgetopia), or any other of choice. i used this to make the little square widgets as well as the countdown timer labeled LIBERATION (which is actually my graduation date)
Tumblr media
in addition, i would recommend having some kind of drawing app / image editing program on hand in case you want some custom graphics like my lock screen / wallpaper! ibisPaint X is my app of choice, as its free and has a pretty simple interface, but any programs will reasonably work!
Tumblr media
keep in mind both of these programs have ads and paid versions but you dont need to pay for anything for this!
also i dont have progress pictures so. bear with me lol.
for the small square widgets, youre going to want to go to the LIBRARY panel and hit +SMALL.
Tumblr media
this will open the NEW WIDGET menu! from here, youre going to want to hit NEW WIDGET (should show up as a tealy green button), which brings up this menu
Tumblr media
from here, you can set various things, such as making the background of the widget transparent, making it a specific color, or setting it to send you to a website via an embedded link if you please!
for this tutorial we'll just make a basic regular widget with a picture on it :3
on this screen, hit the PLUS icon, and choose the option that says IMAGE. choose the image you want, and voila! its there!
although...
Tumblr media
the borders are an issue. youre going to want to resize your image! this is a part of the process regardless of the image's original size.
click on the image to open the image property menu! here you'll find a ton of options for moving the image around, and edit it! here you can add some extra flair such as a slight rotation or tint, or you can set it to have an action when you tap on it! i wont get into that in this, but its neat to take a look at on your own!
Tumblr media
make sure the chain icon between width and height is LINKED, and then increase the size! this is just a matter of eyeballing it based on your image, and will result in corners being cut off, so avoid having important bits of the image in the very corner! when youre done, you should be able to see rounded corners INSIDE the image's bounding box! this means that your image is as large or larger than than the widget, meaning that no weird borders will show!
Tumblr media
from here, you can hit the back button, and then the purple ADD WIDGET button to put it on your homescreen!
note: if youre editing an already made widget of the same size, you do not need to press ADD WIDGET, as it will result in having two of the same widget on your screen!
from here, itll look something like this!
Tumblr media
if you ever want to change the widget image, you can just click on it (if you have multiple, click on the specific one you want to replace), and go through this process again!
as for the lock and home screen backgrounds, thats more tedious. i recommend a 9:16 aspect ratio for phone screens, but other than that theres not many tips i can give you in the design sector of things, sorry 😔
one tip i can give is that if you dont want your home screen image to shift when youre swiping between screens, go into google photos, and zoom in on the image! make sure its cropped the way you want it to by the borders of your own device, get the UI out of the way (done easily by tapping once on the image), and take a screenshot, that way there wont be any buffer room on the sides for it to shift!
---
anyways, i hope this helps! i absolutely advocate for playing with some of the more advanced options on your own, as its super fun to learn new modes of phone customization! if anyone makes any themes with help from this tutorial, feel free to tag me in the comments! id love to see your work! :3
16 notes · View notes
seldomsee · 11 months ago
Text
Rating the Hunter x Hunter t-shirts on Amazon
Tumblr media
this is just the official renders of the characters for the 2011 anime. uninspired design. 5/10
Tumblr media
It's fine i guess. I like that Bisky's there but hate that Hisoka's there so they cancel each other out. Better layout than most and I like the color palette. 7/10
Tumblr media
They just slapped a poster on a t shirt 3/10
Tumblr media
Same poster but in black and white 2/10
Tumblr media
You're killing me. 1/10. also it's titled "epic character t-shirt"
Tumblr media
I have questions. Why the space background. Why the cursive. Why is the perspective so wack. 3/10
Tumblr media
No. 2/10
Tumblr media
If you've been paying attention you'll have noticed that a lot of these shirts have used the same exact render of Gon. This is that render but zoomed in really far. It just looks bad 1/10 my eyes are down here
Tumblr media
you replaced kurapika with hisoka. I hate you. 0/10
Tumblr media
This one haunts me. it's just a screenshot from the anime. not even a good crop on the image. It's awkwardly low on the shirt. I love Canary and wish this shirt were better 1/10
Tumblr media
Still that same render but gets points for having an actually interesting layout and nice color palette. 8/10
Tumblr media
NOW we're talking. The charming color palette. The simple but fun layout. It actually looks like they made an effort on this one. I'd actually buy this 10/10
Tumblr media
god's mistake -5/10
Tumblr media
Amazon you know this isn't what I meant. Fish fear me/10
4 notes · View notes
wileyfern · 2 years ago
Note
hi hope you’re having a good day!! this is gonna be such a stupid question i’m sorry but i wanted to ask how do you make this transparent frame for moodlets and such ://
Hi! Thank you, hope your day is amazing too 😊 And nope this is not a stupid question. I wasn't sure if you wanted a whole tutorial on how to cut out the moodlets too or not but I did that as well. It's under the cut because it's quite long because I don't know how to get to the point 😅
Step 1: Open the moodlet screenshot from in game in your preferred editing program (I use PS) and crop down to just the moodlet and I zoom in to 375% to see what I am doing better
Step 2: Next on the left side near the top is the 'Marquee tool' I use the rectangle shape and drag a box around the area you want
Tumblr media Tumblr media
Step 3: Go to the top under 'Select' and then go down to 'Modify'. Then click on 'Smooth' A box is going to pop up and this is the number for how round you want the corners. If you don't want them to be rounded you can skip this. If you do then I use '2' but mess around with it and figure out what you like
Tumblr media Tumblr media
Step 4: Next hit 'Ctrl + Shift + I' to select the inverse of the box and hit 'Backspace' to delete the unwanted background. Hit 'Ctrl + Shift + I' again to select the moodlet
Tumblr media
Step 5: Next make sure you have your already edited photo you want the moodlet to go on and copy or drag the moodlet over to that photo
Step 6: Hold down 'Shift' and grab a corner on the moodlet to resize the moodlet to your liking. Holding down shift will make sure that it keeps it's original dimensions. After you are done resizing it go up to the top and hit that checkmark to save the transformations
Tumblr media
Step 7: On the right side under layers Double Left-Click the moodlet to bring up ‘Layer Style’. You are going to check 'Stroke' and 'Drop Shadow' You dont have to check both if you don't want to it's totally up to you once again mess around with it and find out what you like
Tumblr media
These are my settings for 'Stroke' and 'Drop Shadow'
Tumblr media Tumblr media
Final Step: Just 'Merge Visible' and call it good!
13 notes · View notes
arlospace · 2 years ago
Note
I love your owl house comics so much!! Do you mind sharing your art process soemtime?
Thank you! I'm glad you like them!
I've been collaborating on them with @beastalchemistva. He comes up with the idea and writes the script then I draw them out.
Tumblr media
I start by breaking the script down into beats and sketching out some shot ideas. I like to start on paper so I can't zoom in or try to cram too much detail too early. I'll also collect reference images, like screenshots of characters and backgrounds during this step and design anything that wasn't the show (like for this one, the star guy).
Tumblr media
Then I'll do thumbnails in Photoshop. I'll think about the composition, character expressions and poses, and how I can keep the speech bubbles flowing from left to right so it's easy to read.
Tumblr media Tumblr media
The canvas is 3840x2160 (It makes it look clearer when I export it at half the size at YouTube: 1920x1080). I'll set up the perspective, sketch the background with a bigger, lighter brush and do the line art for the characters. I use a pencil looking brush that stays almost the same size no matter how hard you press. (I like drawing with felt tip pens and this is the closest I've found to that digitally.)
Then I'll clean up the background with a thinner line than I used for the character lines. Then I color the characters. I'm still figuring out color, so I'll collect the base character colors from my reference screenshots using the ones with the most natural lighting. Then I can compare the normal colors to how it changes in the weird purple light of the Collectors world.
Tumblr media Tumblr media
Then I color the background and put a mask layer over the character colors and tweak it until it better matches the background colors. For this one, I just laid down dark blue, set it to multiply, 30% opacity.
To add speech bubble, I'll draw out the white part and add this layer style to give it a black outline. The font is just some basic comic font I downloaded for free.
Tumblr media
Since @beastalchemistva commissions me to make these for him to dub on YouTube, I make them 16x9 to fit the screen. When they're done, I edit them into a comic format. Cropping, moving things around, taking out extra frames, changing speech bubble shapes so they work as a comic.
Tumblr media
And that's about it! This is my first time trying to explain my process so if I left anything out let me know and I'll try to answer it
(Also go check out the finished video version heeeeere)
7 notes · View notes
strixhaven · 2 years ago
Text
stop screenshotting and cropping text from tiktok videos in a way that means you still see zoomed in parts of people’s faces in the background. just steal it and make it a textpost man. literally every social media site constantly does this to tumblr we might as well do the same
1 note · View note
milkplusvn · 2 years ago
Text
Three Lilies — Delay, Progress, Talking About Direction
Tumblr media
Tip: You can get these same posts sent right to your e-mail by subscribing to the newsletter.
:pensive: :face_holding_back_tears: Three Lilies is now being pushed to December. I’ve been having little bouts of illness that have been hindering my progress as well as sleep issues. Don’t worry about it, it’ll be okay. It’s not COVID, at least!
As it stands, because of those bouts of illness, I’ve only gotten halfway through scene one of Suburb. I do want to make Three Lilies a fun experience throughout the whole visual novel, so I don’t want Countryside to be great in terms of direction and then have the other two stories fall flat.
So, let’s look at the breakdown now!
Countryside
Writing — 100% written and edited
Artwork — 100% complete
Programming — 90% complete, needs an accessibility pass
Suburb
Writing — 100% written and edited
Artwork — 98% complete, need to add an expression to a CG
Programming — 5% complete, scene 1 of 7. All stories have 7 scenes each and are at least 10k words.
City
Writing — 100% written and edited
Artwork — 100%(?) complete. Another background is being floated, but this might have to be included in an update.
Programming — 0% complete (on standby)
Game Overall (AKA the things that (mostly) aren’t the script itself like the game screens)
Programming — 92% complete, gallery’s almost done! Still need to create one more screen for liner notes, need to finalize first time setup screen. I’m probably going to finish these things today—I’ve been doing lots of setup for them when I’m too sick to be particularly creative.
UI — 98% complete, need to finish City chapter select button.
Accessibility — All of the groundwork is implemented like functions, dictionaries etc. Chapter staging must be completed before I do a second sweep where I add image descriptions, screenshake and photosensitivity safety, etc.
Fun Direction Rambling Stuff
I thought I’d make this entry a little fun (for people who like to hear about technical stuff) to make up for the disappointment of the delay.
Three Lilies is a vast step up in quality compared to Soundless, which was intentionally designed to fake technical limitations. Now that I’m living in the present, I’m going all out with how it looks!
Tumblr media
My main source of inspiration has been the recent TYPE-MOON visual novels, Mahoutsukai no Yoru and Tsukihime Remake. By taking advantage of things like crop, motion, and zooms, I’m trying to create a somewhat dynamic, filmic experience. Of course, it’s nowhere near the level of Mahoyo and TsukiRe since I’m just one person, but I think I’m doing pretty well especially when it comes to engine limitations.
These are all effects that I’m accomplishing just using code known as Ren’Py’s ATL language. I’m not making entirely new assets just to do what I want to do. The above screenshot was accomplished like this:
(The code can't be copied and pasted to Tumblr—view it on Substack!)
You’ll also notice that I’ve been posting GIFs of little emote marks next to character heads. This is accomplished using a neat little system I’ve made where I pre-animate the mark, then supply arguments to its transform to make it go wherever I’d like on the screen at whatever size I want.
Here’s the code for the floating heart mark beside Najwa’s face at the top of this entry:
(The code can't be copied and pasted to Tumblr—view it on Substack!)
And here’s how I show it in-game:
(The code can't be copied and pasted to Tumblr—view it on Substack!)
The first two numbers in the parentheses let me position it. The third argument, myzoom, doesn’t always have to be supplied because I gave it a default value, but here I chose to make the heart smaller.
Feel free to use this code in your own game. It’s very useful…If you didn’t know you could supply arguments to transforms in Ren’Py, well, now you know!
(I was going to show a biiig GIF of some animation I did, but Substack said the image was too large and it’s too big for a trustworthy GIF compressor, too…)
By the way...
Tumblr media
I’ve been working on some promotional art. The pieces will be revealed closer to release.
5 notes · View notes