Ryumaru
Blog for tips, tutorials, materials and useful information on creating custom themes for 3DS.
Color
Background color
Background image
Font Type
Font Size
    Ryumaru This tutorial will explain, a very simple method, how to create borders, with a perfect alignment and diameter, for the mirroring mode.
    Understand that to understand the methods explained in this tutorial, I advise you to read the other tutorials.
    Before you begin you will need to download this package of textures, click here.
    In order to edit the files that I have made available, you must have an image editor of PSD files.
    In this tutorial, I'll be using Photoshop CS6, you can use the same version or higher, another alternative is to use Gimp, with PSD file editing plugin.
    The methods explained in this tutorial serve to create advanced appearance borders in a simple way.
    Any questions leave a comment, let's go to the tutorial.

    How to create a custom border (advanced mode)
    Ryumaru Before starting this tutorial, here are some explanations, the settings imposed in this tutorial, allowed you to create uniform colors on the buttons of your themes, there may be a small margin of error if you do not position the colors perfectly . These settings will only work in the Usagi Editor.

    Note: The colors used in the main fields shown in the images below, were obtained through the Usagi editor's color palette

    001.png
    To start after setting the main color of the lower corner buttons, copy the color used in the main color to the fields, border, and highlight. See the example I left in the image.

    002.png
    To start we will create the highlighted color, this color represents the brightness of the button. Position the mouse in the same way it is shown in the image. Now click, to place the cursor positioned correctly.

    003.png
    Position the mouse one more time as shown above, and click the mouse so that the color cursor is positioned at the position where the cursor is marking.​

    Note: As shown in the picture this process was performed twice .

    004.png
    You have just set the highlight color with uniform parameters.

    005.png 006.png
    Now let's set the border color, to do this I left in the image two cursors, the first will serve for you to measure the distance, the second is where you should click.
    Position the mouse as shown in the picture, following the order of the first cursor, so that you use the mouse as a ruler, after having a notion of distance, position the mouse in the same way as the second cursor shown in the image, and click to position the cursor.

    007.png 008.png
    After setting the color of the lower icon, on the top icon tab, position the mouse as shown in the image then click to create a slightly lighter color .

    009.png
    I usually use the same colors, which I configured in the buttons at the bottom, in the button settings, to open application .
    This saves time. Currently the official themes are using shadow percentage at position 0, this setting hides the color on the open application buttons, I advise you to use this setting.

    010.png
    Some important explanations.there are occasions that you will come across colors positioned in the corners to perfectly set the highlight button colors, I left an example in the image above, where the color is located in the left corner, to set the color perfectly, position the cursor, as shown in the image above.

    011.png
    The process must be performed twice. After positioning and clicking the cursor in the first position, repeat the same procedure.

    012.png
    In the image above, I left another example, where you will come across the color in the left corner, only this time, you can only apply the positioning once, there are occasions, that you can only apply, the positioning of the button highlight, a single time, this can happen, withcolors positioned in the corners. In the example of the image above, the cursor should be positioned using the upward positioning only once.

    013.png 014.png 015.png
    In the example above, the cursor should be positioned to the left, you should place the cursor as shown in the image above, using it as a ruler, after seeing the position just mark for the color to be defined, this marking must be done twice.

    016.png 017.png
    Another example, if for some reason you get to use, the white button, the highlight color, should be set as shown in the image above. The mouse positioning will only be used once.

    018.png 019.png
    If you happen to use colors that are located in the area shown in the image above, you must mark the cursor to the right using methods explained above, the marking process must be done twice. in this type of example the marking must be done to the right, because it is the color of the border.

    020.png
    The cursor colors, are divided into three, main - shading and brightness. After setting the main color, copy it in the other fields as shown in the image above.

    The brightness color should not be changed, you should only change the color of the shading.

    021.png
    To create the shading color, you must use the main color, you must darken the shading color in one of these directions. down, right diagonal, following the direction down and if the color is in the right corner, as is shown in the image above, you should use the position down. You must position the cursor in one of the informed positions until the main color turns dark.

    The explanations of how to create the colors of the arrow buttons will be given next week.
    And it will be the final part.​
    Chary and MartyDreamy like this.
    Ryumaru Before starting this tutorial you will need the following items.
    1. A music editor - I recommend Audacity, he will be used in this tutorial.
    2. The music file - I'll be using the song, from Anime Sailor Moon Crystal.
    3. Have the program loopingaudioconvert - in this tutorial I will be using version v1.4.1rc1, because the current version is having problems in the procedure of saving the settings and in the process of creating custom track. For this reason I recommend using the version mentioned.

    tutorial_bcstm 001.png
    Having all the items mentioned above, open the music file in Audacity.

    tutorial_bcstm 002.png
    Now begins the boring part, listen to the whole song, then try to find in the song two repetition points. These points are similar musical tracks, the moment you listen to the song, you will understand what I mean. in other words, if the song starts like this, lalalalalalalcxlalalalala, give 0 minutes and 00 seconds until 20 seconds the first CX (repeated sound track) appears, when it reaches 1 minute and 29 seconds the second CX appears (repeated sound track ). you must perform the deletion procedure of the music track after the appearance of the second repeated sound track. In this explanation, I am going to carry out the cut of 1 minute and 30 seconds ahead.

    tutorial_bcstm 003.png
    Now select the song from the first repeat range to the second repeat range. The part that was not selected will be used to create the custom track, this will be explained later. See the selected areas in the image above. Press ctrl + x to cut the selected track.

    tutorial_bcstm 004.png
    Now go to the tracks menu and use option, add new stereo audio track.

    tutorial_bcstm 005.png
    Now select the new track and paste the music track that had been cut.
    Press ctrl + v to paste the track that was cut.

    tutorial_bcstm 006.png
    Use the tool that allows you to move the music tracks, and position the track, in the same way that it is being shown in the image above. The new stereo audio track starts on the first repeat track, you must now create another cut, and leave the track with a maximum of 10 seconds, in other words, if the first repeat track starts at 1 minute and 10 seconds, you will select, the cut area from 1 minute and 10 secondsup to 1 minute and 20 seconds, give 1 minute and 21 seconds ahead, you must select and perform the cutting procedure using ctrl + x. I marked the image, the area of the music track that I selected to perform the cutting procedure.

    tutorial_bcstm 007.png
    See the result in the image above, after the cutting procedure, I left only the first repeat track, as I had mentioned.

    tutorial_bcstm 008.png tutorial_bcstm 009.png
    Now add another stereo audio track, then select the track and paste the music track that you had cut .
    Use the tool that allows you to move the music tracks, and align the new track as shown in the picture. Audacity indicates that the track is aligned through a yellow line that appears when the lower music track approaches the end of the upper music track. Use this indicator to align the tracks perfectly.

    tutorial_bcstm 010.png
    The result should look like the one shown in the image above.

    tutorial_bcstm 007.png
    It's time to create the second repeat track. You remember the first track that was clipped and added to a new stereo audio track. Select this track again, to facilitate this explanation I will be using the image that shows the first repetition track .

    tutorial_bcstm 011.png
    After selecting the track, press ctrl + c, then create a new stereo audio track and paste the track. Do not align the new music track, because you will need to perform an editing procedure.

    tutorial_bcstm 012.png
    Use the Loupe tool with + sign, to enlarge the music tracks, until the limit, as shown in the image above.
    First before aligning the music tracks you must perform an editing procedure at the end of the track that is ahead of the new stereo audio track that you have copied and pasted.
    The editing must be done, so that the two songs, after being joined, do not show any mistakes in the joining of the tracks, when playing the music .

    tutorial_bcstm 013.png
    After performing this procedure, you will get this result.
    Now change the HZ, I left it marked in red, I used 32,000HZ. For how to set the project rate see this tutorial.

    tutorial_bcstm 014.png
    Save the file as bgm.wav.

    tutorial_bcstm 016.png It's time to get the sample value, so you can create custom track, to get this value, you must select the main track is the first repeat track. Select both ranges perfectly, otherwise the sample rate will be generated with irregular values.
    The sample rate, is located at the bottom center of Audacity, I marked the area in red, see the image.

    tutorial_bcstm 017.png
    Open the loopingaudioconverter, and put the settings marked in red, the HZ and DB fields, you can change or deactivate if you want, do not change the other options.
    The field marked yellow, serves to name the custom track, the track name must be within (name)

    tutorial_bcstm 018.png
    When you click start, a test and configuration panel opens, now copy the sample rate value as shown in the image. Remembering that this value will only be generated perfectly if you select the music tracks perfectly .​

    Some explanations:
    • Green track: This track represents the custom track, this track will be played only once, this track will only be played again if the home is restarted or started.
    • Yellow Track: This track marks the beginning of the loop.
    • Blue track: Corresponds to the music track with repeat cycle.
    After setting the sample rate value, click the ok button to create the bgm.bcstm file with custom track.
    Ryumaru Before I start with the explanations, I should mention that this tutorial will not explain how to edit a song, this tutorial will explain how to create a custom track keeping in mind that you have already created the necessary edits explained in this tutorial. What a custom music track. It is a track that will be played once in the Home initialization, after being executed only the music track with the repeat loop will be reproduced infinitely. The custom track will only be played again when Home is restarted.

    This customization is very useful because the process of creating the loop becomes easier. You can create a custom track with no time limit. Below I will leave a theme that I created with bcstm, with a custom track. Download the theme, because ogg file, which has the music preview, does not have the settings created in the bcstm file.

    Preview (3).png
    Download
    To begin with, you will need to have the following programs.
    Audacity - Music Editor
    Looping Audio Converter - music converter. to bcstm.

    001.png
    After editing the song and the project rate in HZ, change the field marked in red in the image to Samples mode.

    002.png
    Note: The custom track can only be created from left to right; you can not create this track in any other direction, or in the middle of the song.
    Keeping in mind that you have understood this explanation, and select your custom track. Here's how I did it in the image, area marked in red.
    When selecting the music track you will receive a sample value, this value should be noted, this value can change if you change the values of the project rate. For this reason only perform this procedure after setting the project rate perfectly.
    Keeping in mind that you have performed this procedure, copy this value.

    003.png
    Save the file as Bgm, with the same WAV format settings as shown in the image.

    004.png
    Set the Audio Converter looping, as shown in the picture (marked in red), you can use the DB or HZ field to increase the sound or decrease the audio quality. Do not change or activate other settings.

    005.png
    Add the WAV file, and click on Start. A settings panel will appear. Enter the Sample value copied from Audacity in the Start field.

    The green area corresponds to the custom track, the blue area corresponds to the track with the loop.the yellow markers correspond to the beginning and end of the loop.

    Keeping in mind that you have set everything up perfectly, click OK.
    If you have done all the steps as explained in this tutorial, your bcstm will have a custom track.

    Go to part 6 >>
    Argentlan likes this.
    Ryumaru Below are my latest projects, if you want to learn how to make themes, with this quality, go to this link.
    download.png
    download (1).png
    >> Downloads <<
    Lilith Valentine likes this.
    Ryumaru This tutorial will address a method that allows you to create a loop repetition using an interpolation method.

    Note: This tutorial will not explain how to create a BGM, with stereo quality nor how to create BGM with music with size of 3.3mbs. To learn how to do this, visit this tutorial.

    You will need Audacity to proceed with the explanations of this tutorial.
    I will only explain the method, regardless of the music, this method can be performed, with ease, in any type of music. For that reason I will not make available the music used in this tutorial.

    How to create a BGM with repeat loop with interpolation

    001.png 002.png 003.png
    The music used in this tutorial has a very loud sound, to change the sound, and to put the music, with sound with good audio, go to the Effects - Amplify menu. Audacity will suggest an automatic change, just click on the confirm button. This function is very useful if the music has very loud sound tracks.

    To perform the process of the image below, you must listen to the music, then delete and cut unnecessary audio tracks. When listening to music, try to find the parts of the tracks that can be fused. This is simple, just listen to the music with attention.

    004.png
    I cut almost 70% of the song, after performing this procedure, you should have a result like the one shown above.

    005.png
    To begin the process of creating repeat loop with interpolation, you need to create a new stereo audio track. To do this go to the track menu, then add new stereo audio track.

    006.png
    Now you will use the first part of the first two songs tracks, to make the repeat loop with interpolation, to do this, select a part of the beginning of the song, then press ctrl + x to cut the track.

    007.png
    Now go to the new stereo audio track, and paste the track you trimmed. It should be glued a certain distance from the first audio track, stick the track in the same way as it is shown in the image above.

    008.png
    Now expand the preview so you can seamlessly preview the audio tracks.

    009.png
    Now select the new stereo audio track, and turn on the audio move tool (<->).

    010.png
    You must drag the track until the track merges the part of the top track. See how I did it in the picture above. This interpolation will unite the first two audio tracks with the new audio track, without pausing the music. You should leave a portion of the music track out of the tween.

    011.png 012.png
    You can perform the repeat loop test in two ways, the first is to select the entire Audio track then go to the Effects - Repeat menu. Repeat the song once, to use the other method press Shift, and the Play icon will be modified, for a repeat loop button.

    013.png
    Now save the song in WAV format.

    Go to part 5 >>
    Ryumaru
    download (5).png
    Pokémon Team Galaxy
    The Theme has an image with scrolling in the upper screen and animation with three frames in the lower screen.
    The icons were based on the elements found in the Image.

    top.png bottom.png
    Download
    RustInPeace likes this.
    Ryumaru Below are my latest custom themes projects.
    If you want to learn how to make themes, with the same quality of official themes, visit this topic.


    download (4).png download (3).png download (2).png download (1) (1).png
    Click the image to see it in full size
    DOWNLOADS : https://themeplaza.eu/themes?query=user:Ryumaru
    Ryumaru
    40.png
    Now press ctrl + A then Ctrl + j to duplicate the layer.

    41.png
    Now press ctrl + M, and make a cut selection, as shown in the image !, then press ctrl + J, to create a layer with the cut selection.

    42.png
    Position the new layer 1px down, as shown in the image above.
    Now you can save the png file and finalize this tutorial.

    Go to part 4 >>
    Ryumaru This part of the tutorial, will explain how to create 38px borders.

    How to create 38px borders

    17.png
    Go to Photoshop menu, window menu, choose the organize option, and choose the option that divides Photoshop into two screens. You need to open the 38px file and leave the 48px file open for this option to work.

    18.png
    Press ctrl + 0 to enlarge the workspace of the 38px file.

    19.png
    Now in the 48px file, close the Main-Layer folder.

    20.png
    Now press ctrl + j in the Main-Layer folder to duplicate the folder.

    21.png
    Now convert that duplicate folder into smart object.

    22.png 23.png Select the layer you've converted to a smart object, and press ctrl + A to make a selection, then press ctrl + j to duplicate the layer.

    24.png
    Now convert the layer back into smart object.

    Note: You need to perform these procedures so that you can resize the texture perfectly.

    25.png
    Now, add this layer to the 38px file, you must place it, inside the border-38px layer, using the option to create cut mask.

    26.png
    Now you must resize the image, to be the same size border-38px layer.

    Note: Do not resize a layer without transforming the layer into a smart object. Photoshop decreases the quality of images when you resize the images to a size smaller than the original size, this error only happens if the image is not a smart object.

    27.png 28.png After resizing the layer, duplicate it about 10 times because the layer leaves some parts of the image with transparent pixel after the sizing process. To correct this do this trick, then select those layers and convert these layers into smart objects or merge those layers.

    29.png
    Now duplicate this layer, and add it in the BGM-LAYER folder.

    30.png
    This part is optional, only perform this procedure only if you have enabled and edited the border-48px layer effects of the 48px file.

    Right-click on this layer, and choose the option to copy layer style.

    31.png
    Paste these effects into the border-38px layer of the 38px file. To do this click the layer with the right mouse button, and choose the Paste layer styles option.

    32.png
    Copy the shape-and-style attributes of the application-area layer from the 48px file and paste them into the layer with the same name in the 38px file, using the options paste shape attributes and paste layer styles.

    Note: This action is optional, you should only perform this procedure if you are using the application-area layer.

    33.png
    Now turn on the shadow effects folder. The following procedures are the same as those used at the 48px border.

    34.png 35.png
    Here it is enough to perform the same procedure that was already explained, in the procedure of creating the textures of 48px. To edit the colors of the BG-Top layer. I marked the dots to capture the colors, see in the pictures above.

    Note: Do not copy and paste the shape attributes of the 48px file layer into the 38px file. The texture in 38px mode has some different shades of color.perform the procedure to avoid any kind of error.

    36.png
    Now activate the BGM-TOP layer.

    37.png Now close the Editable Texture folder, from the 38px file.

    38.png
    Now duplicate this folder with the command ctrl + j.

    39.png
    Now convert the duplicate folder to Smart Object.

    Continues on the next page >>
    Ryumaru The editable files of this tutorial, can be downloaded in part 1, click here to go to part1.

    Before starting, I should point out that this tutorial will explain the concept needed in the process of creating the border textures. The advanced method uses the method explained in this tutorial. The difference is in the designer applied in the project. Below, before beginning this tutorial, see two examples, a theme with simple textures and another theme with advanced textures.the only thing that changed was the drafting on the designer. The method of creating the textures, is the same in both cases.

    [​IMG][​IMG]

    How to create 48px borders

    1.png
    By opening the 48px border file, you will see the items shown in the image above. Here we have a layer called border-48px, and above it a layer called, white square, this layer is inserted inside the layer border-48px, through an option called create cut mask.

    2.png
    So we can start to create the border, to start you must create a new layer above the layer, border-48px and disable the white square layer.

    Stop: If your intent is to create a colored texture, do not create a new layer, edit the white square layer.

    2.png
    If your texture has multiple layers, all layers created must be added within the border-48px layer using the Create Cut Mask option. To use this option, create the layer and right-click on it, and choose the option to create cut mask. When using this option, an arrow icon will appear, pointing down, on the layer.this will indicate that the layer will be inside the border-48px layer.

    Note: All textures must have layers, with size of 36px wide and 71px in height. You should create a square texture and work on it. In other words, even if you create a detailed texture, you should occupy the area of 36px wide and 71px wide. The area must be completely occupied. Any doubt just see the demo border, available in the file.

    Occupy the entire area, leave no part unfilled. Do not base the border-48px layer area because it has no fill in the rounded corners.

    The procedure explained above will only be necessary if you are to create an elaborate border. If you are going to create a border using a single layer as mentioned earlier, simply edit the color of the white square layer and skip this step.

    3.png
    I created a multi-layered texture, this Texture will be available, in a folder inside the 48px border file. Below the default Texture folder, which you will use to create your own textures.I left this Texture for you to see the methods explained in the tutorial.​

    Note, just begin to create the texture, after using the cut mask option, to add the texture to the parent layer (border-48px layer).

    If you want you can edit the color is the layout of the layer, Application-area. Like I did in the picture above. I left two effects, the first lets you add a stroke, the second lets you add a shadow.

    4.png
    After finishing the designer of your texture, select all the layers that are inside the parent layer (border-48px) and press ctrl + j, to duplicate those layers. After performing this procedure, place all of these layers inside the BGM-Layer folder. And enable the preview of this layer. The result should stand as shown in the picture above, it's ugly I know. But this procedure is necessary.

    5.png
    This effect is optional, it serves to increase the shadow effect on the border.
    Note: If you do not want to use this effect, skip the explanations below.

    6.png 7.png In the border-48px layer, has two disabled effects, the bevel & notch effect and the internal Brightness effect. By using these two effects together, you will magnify the effect available in the shadow effects folder. Just change the colors of the fields shown in the images above.keep values and settings intact The colors to be used should be removed from the corners of the border textures, remove the colors from the rounded sides. Use the dropper tool, after capturing the color, put the color, with a darker tone. Use the same color in all the color fields shown in the images above.

    8.png
    Now activate the Shadow Effects folder, this folder has 8 shadow effects. Four internal shadow effects and four external shadow effects. If you want to change, you should always use one of each. Never use more than two effects of the same genre. The file already comes with the two most used effects activated.if you want to change the settings, simply change the opacity of the effect layers. In the image above, I used the standard effects.

    Note: You must enable this folder to be able to perform the procedure below, regardless of any settings or changes you may have made.

    9.png
    Now, let's change the colors of the BG-top layer, this layer will cover much of the background of the BGM-LAYER layer. Follow the explanations below.

    This layer has a linear effect with two colors, the first color will be applied at the top and the second color will be applied at the bottom. This layer has two colors, because of the layer of shadow effects, which changes the coloring of certain points on the border.this procedure corrects the appearance of white pixels in the edge contours.

    Opening the color palette you must pick up the colors, from the areas shown in the image above with arrow. These areas have the exact colors to avoid the appearance of white pixels in the texture. This error happens when the 3DS performs the Texture Cut procedure.as it can not identify the lack of pixels in those areas it adds white dots. To correct this problem follow the instructions.

    Note: You must use the dropper tool to get the exact colors.

    10.png
    Perform the same procedure, getting the color from the bottom, removing it from the point shown in the image.

    11.png
    Now activate this layer, so that it fills, the whole border.

    12.png
    Now close the Editable Texture folder, then with the selected folder, press ctrl + j, to duplicate the folder and all content contained within the folder.

    13.png
    Now convert the duplicate folder to the smart object (right-click on the duplicate folder and choose the convert to smart object option), then press ctrl + A to create a cut selection area. Now press ctrl + j to duplicate the selected area.

    14.png
    You will have a new layer.

    15.png
    Now let's make the layer, which will create the effect of stretching down. Press ctrl + M to activate the cut selection, and make a cut selection as shown in the image above. After performing the cut selection, press ctrl + j to duplicate the selected area.

    16.png
    Select the new layer, and put that 1px layer down. As shown in the picture above. The border is finished. If you do not want to follow the procedures below, save the file in PNG format.


    Select all layers except the Editable Texture folder (this includes all content contained within it). Then choose the merge layers option. After merging the layers press Ctrl + A then Ctrl + J, to create a layer, with the texture image without any editing.

    I use this method to save texture images in editable files, if I want to make changes to the file, I'll still have the image of the old border, in case I want to use it in another project.

    Continues on the next page >>
    Ryumaru
    download.png
    Theme dedicated to Anime and Game.
    It has the following digimons, present in the game of Playstation 4, Ceresmon, Mervamon, Sirenmon and Venusmon.
    >> Download <<
    QR-CODE - Themely

    static_qr_code_without_logo.png
    Byokugen likes this.
    Ryumaru
    Sem Título-25.png
    Select the layer BG-1, and copy the color used in this layer. You can use the option to copy attributes of the shape by right-clicking, select this option in the menu that will appear.

    Sem Título-26.png
    Paste the color copied onto the BG layer, marked on the image. If you have copied the attributes of the AutoShape. Right-click the layer and choose the option, Paste AutoShape Attributes.

    Sem Título-27.png
    Now re-enable the Layer, Projected Shadow Effects. Ready the texture is finished. Save the file in PNG format.

    How to Create Folder textures in Open-Mode

    Sem Título-28.png
    Open the folder texture file in open mode, do not close the folder file in closed mode. Go to the Window menu, and change the view mode to the mode shown in the image.

    Sem Título-29.png
    Now in the folder file in closed mode, click the icon marked on the first image, located on the IMG-BG layer, to access the intelligent object layer.

    Sem Título-30.png
    Remember the image of the folder you performed the cut selection procedure, and removed the sides and the bottom. You will import this image into the open-mode folder file.

    Sem Título-31.png
    Now in the folder file in open mode, click the icon shown in the image above, located in the layer T2-Rasterize, to access the intelligent object layer.

    Sem Título-32.png
    A warning: I've layered the image above with a yellow rectangle, do not worry.
    After clicking on the icon mentioned in the folder file in open mode, you will see a blue texture. You must import the Smart Object layer file from the closed-mode folder file into this file. I made an arrow to show the file and the place where you should import it.

    Sem Título-33.png
    After you add the file, press Ctrl + S to save, and then close the Smart Object layer.

    Sem Título-34.png
    The picture will automatically adjust to the open mode.

    Sem Título-35.png
    Now activate the BG-F2 layer to activate the background of the folder.

    Sem Título-36.png
    If you want, edit the effect of luminosity, in the folder folding, just access, the area marked in the image above. I suggest you do not perform any editing process.

    Sem Título-37.png
    Now copy the color used in layer BG-1 from the folder file in closed mode.

    Sem Título-38.png
    Now paste the colors in the layers, BG_T2 and BG.

    Sem Título-39.png
    Ready the folder in open mode has been finalized. Save the file in PNG format.

    Go to part 3 >>
    Ryumaru The editable files of this tutorial, can be downloaded in part 1, click here to go to part1.
    This tutorial will explain how to create open and closed folder textures for 3ds themes. The main topic of this tutorial can be accessed at this link.
    Any question or comment, use the comment field at the end of this topic.

    How to Create Folder textures in Closed-Mode

    Sem Título-2.png
    Open the folder texture file in closed mode. Before you begin, some explanations, if you are going to create a colored texture, edit the layer bg-0, if you will not use the layer bg-0, create a new layer above the layer bg-0, do not delete the layer bg- 0. In this tutorial, I'll be using a custom texture I created.

    Sem Título-3.png
    In this example I created a texture of the Anime Neon Genesis Evangelion, I will not go into detail in this tutorial on how I did this Texture. To facilitate the creation process, press ctrl + 0 to enlarge the work area. I like to use the enlarged image because it facilitates the creation of textures. To return the image to normal size, press ctrl + 1.

    Sem Título-4.png
    After enlarging the image, activate the effects options shown in the image (area marked in yellow).

    Sem Título-5.png
    A suggestion, I only suggest that you edit the Gradient Overlay area, this effect applies an internal shadow at the bottom of the folder. If you are edit I suggest putting the value of opacity 20. If you do not want to edit skip this explanation.

    Sem Título-6.png
    Activate the Projected Shadow Effects folder, I have already enabled 2 effects that apply the basic settings in the Textures, this folder has 4 effects can be activated and edited (you can edit opacity values and background effects), to your liking. I suggest you do not change the effects settings. After making the edits, turn off Effect Folder.
    Note: If you want, this folder can be activated after you have done all the processes below.

    Sem Título-7.png
    It is time to change the color of the folder flap through layer BG-1. You should put the color of this flap with the color most used in the texture. In the texture of the image, I used the color purple.

    Sem Título-8.png
    Enable the folder, designed shadow effects, for you to see the result.

    Sem Título-9.png
    Close the T-2 Rasterize folder, then right-click on the closed layer, and choose the option, convert to Smart Object.

    Sem Título-10.png
    If you perform the procedure correctly, a square icon will appear on the image layer, as shown in the image above.

    Sem Título-11.png
    Double-click the square icon, marked in the image above in yellow, of the img-bg layer.

    Sem Título-12.png
    To facilitate this, in the window menu, change the display mode to the mode shown in the picture, with one screen on top of the other.

    Sem Título-13.png
    You should now drag the layer from the main file that you converted into the smart object into the other file, that is, you must drag the file that was converted to the smart object from the xxxxxx file to the blue layer file.

    Sem Título-14.png
    Position and align the image above the blue layer.

    Sem Título-15.png
    Now press ctrl + M to activate the cut selection tool, and make a cut selection with a width of 1px, the height should be the same size as the texture, as shown in the image above. After performing the cut selection, press ctrl + J to cut the selected area. This will create a new layer with the cut area.

    Sem Título-16.png
    Sem Título-17.png
    Select the new layer, and stretch the layer to the right.

    Sem Título-18.png
    Sem Título-19.png
    Perform the same procedure on the left side, cut then stretch the layer to the left.

    Sem Título-20.png
    Now select all layers, then right-click, and choose the Merge Layers option.

    Sem Título-21.png
    Now perform the same cutting procedure at the bottom of the texture. The height of the cut selection should have 1px, the width should have the same texture width. As shown in the picture above.

    Sem Título-22.png
    After performing the cutting procedure, stretch the layer down in the same way as shown in the image above.

    Sem Título-23.png
    Then select all and use the layer merge option. Then save the file.

    Sem Título-24.png
    Go back to the main file, now activate the BG-F1 layer, this will activate the stretching effect, which you created inside the cut mask.

    Continues on the next page >>
    Corin and wrathsoffire76 like this.
    Ryumaru
    How to create images for use in Usagi.
    Before you begin you need the following tools.
    An image editor, in the tutorial I'll be using Photoshop CS6.
    The latest version of Usagi (theme editor).
    Download this package of textures (click here), in order to edit the textures, you will need a PSD file editor.
    This tutorial will teach you how to make themes using a single image. If you are going to create a theme using different images, just put the images in the files, 412x240-top.psd and 320x240-low.psd, I will not go into detail.
    If you are going to create a theme using different images, just put the images in the files, 412x240-top.psd and 320x240-low.psd, I will not go into detail.

    Warning: If you are having problems, to unzip the RAR archive package, use this ZIP compressed package (Click here) .

    001.png
    Open the single-image.psd file, select the layer A1, then insert the single image.
    The layer, should be placed on top of the layer A1.
    You must resize the image to fit on both screens.​

    002.png
    After you resize the image, close the low_image_extender folder, as shown in the image.

    003.png
    With the folder selected, press ctrl + J to duplicate the folder.

    004.png
    Select the duplicate folder with the mouse, right-click the duplicate folder. Select the option, convert to smart object.

    005.png
    With the shift key pressed, click on the cut mask gives layer image_cutter_top, to make a selection.

    006.png
    With the cut selection enabled, select the layer of the image that was converted to the smart object. Press ctrl + J to perform a cut selection.

    007.png
    This process will create a perfect cut, and will create a new layer with the selected area.

    008.png
    Perform the same procedure, using the cut mask gives image_cutter_botton layer.

    009.png
    Selecting the image layer again, press ctrl + J again to cut the selected area.

    010.png
    Go to the Photoshop menu, window menu, and change the preview mode to the mode shown in the image above. With one image in the left corner and two images in the right corner.

    011.png
    For this mode to be used, you must open the 412x240-top.psd and 320x240-low.psd files.

    012.png
    Drag the layers that have been cut to the right files as shown in the image, then hide the 3ds_icons layer.

    013.png
    Now, save the images in PNG format, and insert these images using the latest version of Usagi.

    Go to part 2 >>

    Warning: The files available below have the same content, the only thing they have different, is the compression format.

    Attached Files:

    wrathsoffire76 likes this.