How To Draw Visual Novel Backgrounds
game evolution! The fine art front of visual novels
2,309 views
Hullo, we are i-BOOM.
With the progress of the times, personal game production has become easier than earlier.
The fun part of the game is the interaction. For games with plots, every choice may bear upon the development of the story. Visual novels are a very good example.
In this way, what i-Boom wants to tell in the course of a visual novel is the wandering story of a thou-twelvemonth-erstwhile vampire picking up soul fragments for himself.
* This TIPS contains three themes: sharing the production process, using file objects to improve efficiency, and photo utilization skills;
It records the pre-production process of i-Nail'south production of a visual novel, as well equally the techniques used in information technology. There will be 3 videos with more detailed explanations for comparing and reference.
【WIP】Story, copywriting and planning
What software can I use if I want to make a visual novel? The following are the choices of i-Blast:
The first is Notion, which is used for data collection, project planning, and story pattern;
The 2d is Clip Studio Paint, which is used for concept fine art, character painting, and CG groundwork;
The third is Unity, which assembles the elements that make upwardly the game.
Notion is very useful for data drove, project planning, story design, and even collaborative work.
It is like a table of contents of a book, and each button in it volition be linked to their divide page.
It can support uploading all kinds of files such as pictures, documents, videos, sound furnishings and so on. With the addition of different born data sorting modules, relevant detailed information can exist unified and sorted on the same page, making this pre-work very interesting.
At the aforementioned fourth dimension, cartoon sketches and handwritten drafts with Prune Studio Paint also makes people very happy.
Co-ordinate to the size of the game screen yous want, or open a canvas at will, according to the drawing habits. Merely if you are used to fine sketches, it is ameliorate to set the dpi above 200dpi.
Afterward the moving picture is output, it tin can be uploaded to Notion in the form of adding pictures for the team members to discuss.
The temporary planning page now looks like this:
[WIP, file objects] Draw a character stand-upward drawing
"Li-eastward" is a motion picture of a standing or sitting character.
According to demand, in addition to the common total-body pictures, there are too vertical pictures of the half-length or above the chest.
No matter what kind of vertical cartoon you want, it is very important to consummate a consummate set of graphic symbol drawing in the same file format.
If the game screen is 1080x1920px, the meridian of the vertical cartoon must be at least 1080px, with a resolution of 300dpi or in a higher place. The width is set according to the needs, generally it will be near one-half of the summit. If the vertical painting volition exist used for printing, it is ameliorate to take the canvas size three times the required size.
Litu needs to be output with a transparent background color, so choose PNG when outputting, and if it contains blitheness, output it as APNG!
APNG also outputs with low distortion and transparent background color, merely it supports animation, and the output will not have much distortion like GIF.
Hither, i-Boom completed the chief character drawing.
Generally, Li-e volition have a ready of actions[southward], but because it is fun, he has four sets of actions[/south]. At the same time, because of curiosity, he has added animation elements to Li-e, then his rima oris will motion when he blinks his eyes and speaks. CSP can back up animated illustrations, making dynamic expression production more convenient. Very fun and worth a try.
Litu will be equipped with unlike expressions. Carve up the processing of "body layer" and "expression layer", so that the expression parts are placed in the appropriate folder, such every bit "eyebrows", "eyes", "mouths"...
Sometimes, a character has more than 1 set of deportment, and the position of the head is besides different. But in different actions, the face direction is similar, you lot can use the file object to relieve the time of cartoon the expression once more, and when y'all need to modify it, you only need to modify it once.
Copy the parts you lot desire to reuse—they can be single/plural layers, or folders (here abbreviated as A)—and then select "Paste equally File Objects" in Layer>File Objects (here Abbreviated as B).
Later, when layer A or binder is updated, object B volition as well be updated.
Archival objects can also be densely laid out like material objects, which tin exist used more when you need to brand patterns for wear or the like.
However, it should be noted that the edge range of the file object is the canvas size of the original file/layer, that is, when it exceeds the canvass range, the image will not announced in the file object; or when the sheet of the original file is larger than required, the file object'south size The border size is likely to exceed expectations.
When there is more than ane graphic symbol in the story, it is necessary to make more than than one stand up-up pictures. hikaku-sitatter.com This website can provide a reference for height ratio. If the calculator is running slowly and cannot employ the built-in 3D model of CSP, you can effort this method, and remember to turn off the reference layer later using information technology.
When making the second vertical painting, what needs to be considered is the divergence between the two characters:
For instance, the two characters are both developed males, but according to his personality and behavior habits, how will he stand up? What is his profession, and is he adept at disguising?
While considering these and fifty-fifty longer and careful points, I write downward the sketch of the character and revise it quickly, attempt to color the character in a way that best expresses the character and the atmosphere of the story, and go on to revise it until you see information technology. The character fits the image in my mind. But remember not to overdo everything.
Let the characters move happily!
[Usage of Annal Objects and Photos] Co-ordinate to the background, information technology is processed for vertical cartoon (1)
After completing the character drawing, information technology will be candy according to the land of the scene.
Open up a new sheet and read the moving picture you desire to use as the groundwork picture.
This time I used a sunset photo taken in Hong Kong.
Different ecology colors volition be presented under different situational lights, and processing tin can make the character more integrated into the time and surroundings he is in.
File>Read>Create File Object
Put the character's vertical drawing on the picture in the class of a file object.
In this way, y'all can make changes directly in the Lihua file (original file). Later the original file is updated, the original object (original file) in the photo file (application file) volition also be updated, and the effect can be seen immediately. Recollect to save every time y'all make changes to the original file.
When the setting sun is close to sunset, the amount of sunlight and the scattering of low-cal make the object await blue and orange. Using the blue on the photograph as the shade volition look good.
But if you directly absorb the colour on the photo, when you render to the paradigm file, the selected colour will change back.
There are three solutions to this trouble:
Use swatches to record colors, write downwardly colour codes, and absorb colors from photos
Hither we will talk about the processing methods of "absorbing color from photos" and "using photos".
First copy the photo and so bitmap the layer, utilize the circumvolve pick tool to select the desired color range, and re-create information technology to the vertical drawing file
At this time, you can use the straw to choose the colour you want.
Open a new layer on the vertical drawing binder, set it to "Crop with the next layer" and add colors, and find the advisable choice in the blending style. This fourth dimension I used "soft lite".
The side backlight will make the characters appear edge light, add a mask to the layer, call up to select the mask and pigment, otherwise it will erase the photo.
Employ the transparent brush to draw the border lite according to the three-dimensional, and alter back to the selected color when you want to paint it dorsum. Use a spray gun to brush out the halo.
[Usage of file objects and photos] According to the background, it is processed for vertical cartoon (two)
Adding the color of the sunset should be improve, but choosing the color of the calorie-free according to retentivity may not necessarily be skillful.
It's a good time to transport out the photos.
Select the appropriate part from the photo and paste it into the vertical drawing file. This time, we volition straight use photo processing instead of color assimilation.
Apply the transformation tool to enlarge the photo to cover the vertical painting, reduce the transparency to adapt the position.
Set the photograph layer to "Crop with the next layer" and change the blending manner.
The photograph texture of the processed layer is a bit besides clear, and the blur filter makes the texture softer.
Modify the size and position again to the position where you experience "right!"
[Photo awarding, file objects] Plow photos into CG background
What I desire to make this fourth dimension is line-like, simple, and information technology feels like the background of returning to the memory from now.
Lines, fading, and the coexistence of the nowadays and the past are relatively the most desired feelings.
Sometimes it is not e'er possible to know what kind of feeling you tin can use with what filter combination. Perhaps it is similar drawing a brain map, simply expressing a single atmosphere with new tonal compensation layers one by one, and processing and combining them without affecting the original photos, and sometimes discovering new scenes.
In order to unify the style, outset employ the gradient correspondence to pave the photo with brown tones to create an old feeling, and then use a soft-edged eraser on the mask to wipe the sunset out to bring the photo back to reality.
This layer will be used to stabilize the style color.
Today's blackness and white photos always convey an "old" feeling. Pay attending to the black and white ratio and the resulting shape, pay attention to the relationship betwixt the photo and the person, and binarize the photograph.
Stack the above new tone bounty layers in different blending modes, and attempt to recombine their gild until you get the desired upshot. After that, after the previous test, you probably know what kind of layer can make the desired upshot, and you can make the outcome you want more easily.
After a circular of testing, I finally completed the desired groundwork. If you desire to use the style straight to other photos, if the photograph is created with a file object, you only need to update the photo (original file).
Create a new folder and put the original photos into the folder. Check the binder and click "Copy", "Paste every bit file object", and you will get a file object photo.
Utilise this file object photo to supercede all the photos previously used for copying and pasting. You only need to check the file object and photo you accept created to re-create and paste. Information technology is not necessary to "paste equally file object" every time.
Afterward the replacement is consummate, get dorsum to the binder used to put the photos, read and place the new photos, arrange the size and position of the new photos, and update all the file objects...
The new photo is candy co-ordinate to the processing method of the commencement photograph!
[WIP] I-BOOM's creation and development notes
In the process of creation, it sometimes becomes very important to record your own creative process, ideas, and skills.
Especially in the period of plateau and low tide, looking back and seeing my past efforts and original intentions, my strength seems to come dorsum bit by scrap, and I can keep to motility forward.
It is besides very happy to share your cosmos with the people around yous. And when you wait at other people's creations on SNS, you will oftentimes gain something.
When it comes to sharing the production process, what kind of way do you lot retrieve of showtime? The methods are zip more than the following:
(1) Accept photos and screenshots
(2) Screen recording, time-lapse photography
(three) Alive broadcast
Looking at these types of sharing methods from the perspective of "Sharing Purpose", at that place may be some other view.
① In the procedure, simply share your production with others and maintain the interaction charge per unit:
To share for this purpose, the virtually important thing is speed. Even if the piece of work is not completed, information technology can be shared in big quantities, so "taking photos and screenshots" volition be the most convenient method.
Taking photos and screenshots is the nearly traditional and easiest manner to share. The screenshots can likewise exist combined into a single-frame animated GIF or APNG to enrich the changes.
② Subsequently completing the work, but share your production with others:
To share with this purpose, speed may exist one of the important points, but for those who piece of work slowly and produce fine goods, the greater focus is "the entire production process." So "screen recording, fourth dimension-lapse photography" would be a relatively advantageous option.
Screen recording and time-lapse photography seem to be similar things, but the results of recording in 2 forms are very unlike:
The results obtained by "time-lapse photography" are very neat, because it does non include piece of work areas and pauses that may occur due to breaks;
The result of "Screen Recording" includes the work area. You can run into how the software user uses the software, but information technology requires additional software tools and the file size is very large due to real-time recording.
Each has its pros and cons. For case, when making this TIPS, there will be more than time to utilize the screen to record videos; simply at the same time, time-lapse photography can be used to make up for the position where yous desire to quickly display the results. At the same time, if there is a limit on the length of the uploaded video on SNS, time-lapse photography will have an reward.
③For the purpose of sharing the complete production process, with didactics or big-scale interaction:
To share with this purpose, "explanation" will become more important. Mostly, videos made for this purpose will be screen-recorded videos that take been edited and accompanied by a large number of photos and screenshots, or in the course of live circulate. Therefore, sharing for this purpose will be divided into ii categories: video production and existent-fourth dimension live broadcast.
Video production emphasizes pre-preparation. The relationship with subtitles is more comfortable for people who are afraid of speaking. The interactive class is usually "message>message" or "message>next video";
The real-time live circulate has a relatively large interaction with friends and fans, and requires immediate response. Most of them will cooperate with voice input, so those who similar to talk tin can speak freely!
In the process of tape creation and development, i-Boom chose its own website as a base of operations, supplemented by other platforms for secondary promotion, and likewise opened a sponsored money slot for itself.
Have you ever tried to run around on SNS and saw a very skilful piece of work-whether it is handwriting, painting, music or other forms of creation-but you can't find the coin slot sponsored past the author of the piece of work? This incident is very painful, so in order to avoid the hurting of others, allow'due south open a coin slot for yourself!
If you are a more coincidental creator, yous can cull a small amount of sponsorship to subscribe to support such as Ko-Fi in Europe and the United States, Likecoin in Hong Kong, etc.;
Creators who are confident that they can produce works on a regular basis can cull to subscribe to support such as Patreon in Europe and the United States, FanBox in Japan, etc.;
If you are a creator who wants to develop a project, you can choose to enhance funds such as Kickstarter in the U.S. or Tsk in Taiwan...
Regardless of the purpose and method of sharing, the most important thing is your heart and happiness.
Although you want to become readers' attention quickly when yous share, don't forget that "share with others" only occupies a small function of the creative procedure. I started to create my original intention.
Find a platform that you like and upload your own creations, and share your work!
Even if it is a relatively large production, such as game production, you will continue to publish your ain piece of work and artistic experience on a stock-still platform, and you will get non but new skilful ideas and communication partners, but as well sponsoring others and being Possibility of sponsorship.
Users who liked this postal service
Source: https://tips.clip-studio.com/en-us/articles/5445
Posted by: jacksongoomects.blogspot.com
0 Response to "How To Draw Visual Novel Backgrounds"
Post a Comment