Sayumi's Text Boxes and Buttons (Update 13/5/2017)

This section is for people to post assets that people can use in their games. Everything here should have a creative commons or other open license, or be in the public domain.
Message
Author
User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Sayumi's Text Boxes and Buttons (Update 13/5/2017)

#1 Post by Sayumi101 » Sat Oct 04, 2014 1:14 am

These are a set of very simple text-boxes that I created while fooling around with photoshop (-insert nervous laugh-)
Designed for 800x600 pixel screen.
Terms of Use
1. Credit- Sayumi101
2. Absolutely free in any kind of project or to make any sort of modification.
3. Also if you do use them it'd be nice if you could let me know the name of your project so that I can play the game once it's released ^^
4. You can alter the colours any way you want.... (for photoshop CS: click Image--->Adjustments-->Hue/Saturation... Then vary the hue arrow, the colour can be altered) For other programs I'm not quite sure how you can achieve that.
If you have any trouble with regards to changing the colour, just PM me an approximate shade you want and I'd be happy to make the conversion for you!~
Comments, Critiques and Opinions would be much appreciated.
Happy Game Creating!
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Main Menu Screens Instructions and code inside file.
Abstract shaped
Image
Abstract shapes.zip
(118.38 KiB) Downloaded 99 times
-------------------------------------
Blocky Thingy/b]
[attachment=2]block gui.zip[/attachment]
------------------------------------
Minimalist Sky Theme (I tried adding in this little star blinking thing here....)
Image
[attachment=3]Simple Sky.zip[/attachment]

------------------------------------
Pink Flowery Theme (Note: Back ground image not included. Preference option is highlighted here)
Image
[attachment=4]Flowery start screen.zip[/attachment]
------------------------------------
Chalkboard Theme
Image
-[attachment=7]main.zip[/attachment]
________________________________________________________________________
Text Boxes
FEATURED
-----------------------------------------------------------------------------
Leafy Green Textbox
[attachment=1]green.png[/attachment]
-----------------------------------------------------------------------------
Simple Pink Patterned Box
[attachment=5]ggggggggggggggggggggggggggggggggggg.jpg[/attachment]
[attachment=6]Simple Pink with pattern.zip[/attachment]
-----------------------------------------------------------------------------
Starry Text box with an almost (hopefully) christmassy feel to it
with quickmenu buttons for 'save', 'load', 'skip', 'auto' and 'prefs'. Also includes codes to use them (for newbies like me)
[attachment=9]textbox_ground.PNG[/attachment]
Download:
[attachment=8]Starry.zip[/attachment]
-----------------------------------------------------------------------------

Red and pink bordered text-box, complete with quickmenu buttons for 'save', 'load', 'skip', 'auto' and 'prefs'. Also includes codes to use them (Skip is hovered)
[attachment=12]preview.JPG[/attachment]
Download:
[attachment=11]Red_bordered.zip[/attachment]

----------------------------------------------------------------------------------------------------------------------------------------------
Ren'py Button Set
I haven't really got used to creating genuine GUI yet. But for now, here's a random set of buttons that can replace the widgets so they don't look bland and boring. The code to use them is also included within the file.
[attachment=15]Green Spiral buttons.zip[/attachment]
Preview once the buttons have been included:
[attachment=14]preview.PNG[/attachment]


Text Boxes With Simple Borders
[attachment=13]orange_border.png[/attachment]
Novel Window
[attachment=10]orange_border_nvl.png[/attachment]
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Pink text box and novel mode window set
[attachment=17]textbox.png[/attachment]
[attachment=16]Nvl.png[/attachment]

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Simple Snowy Novel Mode Box
Image

------------------------------------
[attachment=18]Blue Box 1.png[/attachment]





-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------



-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------




Updated 27/11 with two more boxes, one with buttons
Update 07/12 with two more (One Yellow Bordered nvl window and other Starry box (with buttons and code included)[/size][/i]
Update 26/06 : Added a Main Menu Screen GUI
Update 20/02 : Added Light Pink Patterned Box
Update 07-05 : Flowery main menu GUI
Update 12-05 : Minimalist Sky Start Screen
(Excuse my horrible naming skills)
Attachments
green.png
block gui.zip
(114.87 KiB) Downloaded 70 times
Simple Sky.zip
(228.58 KiB) Downloaded 158 times
Flowery start screen.zip
(412.61 KiB) Downloaded 99 times
ggggggggggggggggggggggggggggggggggg.jpg
Simple Pink with pattern.zip
(400.32 KiB) Downloaded 142 times
main.zip
(188.84 KiB) Downloaded 174 times
Starry.zip
(169.14 KiB) Downloaded 166 times
textbox_ground.PNG
orange_border_nvl.png
Red_bordered.zip
(179.49 KiB) Downloaded 199 times
preview.JPG
orange_border.png
preview.PNG
Green Spiral buttons.zip
(438.1 KiB) Downloaded 196 times
Nvl.png
textbox.png
Blue Box 1.png
Last edited by Sayumi101 on Fri May 12, 2017 10:27 pm, edited 27 times in total.
ImageImageImageImage

User avatar
Flowers from Nowhere
Regular
Posts: 138
Joined: Sun Feb 10, 2013 8:16 am
Completed: The Crystal Castle
Projects: My Ninja Life
Contact:

Re: (5)Simple Textboxes+(1)Basic Ren'py Button Set

#2 Post by Flowers from Nowhere » Sat Oct 04, 2014 8:21 am

Those are beautiful, thank you!

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: (5)Simple Textboxes+(1)Basic Ren'py Button Set

#3 Post by Sayumi101 » Tue Oct 07, 2014 12:00 pm

Flowers from Nowhere wrote:Those are beautiful, thank you!
I'm glad you liked them. ^^


New Arrivals
Flower Box_1.png
Attachments
Abstract Circle Box_2.png
Last edited by Sayumi101 on Thu Nov 27, 2014 10:58 pm, edited 1 time in total.
ImageImageImageImage

User avatar
breadslam
Regular
Posts: 97
Joined: Fri Sep 19, 2014 7:57 pm
Tumblr: breadslam
Contact:

Re: (5)Simple Textboxes+(1)Basic Ren'py Button Set

#4 Post by breadslam » Tue Oct 07, 2014 12:13 pm

I like how simple and understated these are. Thanks for sharing, Sayumi. :)

User avatar
octacon100
Regular
Posts: 161
Joined: Thu Sep 12, 2013 11:23 pm
Projects: Regeria Hope
Organization: Golden Game Barn
IRC Nick: Octacon100
Location: Boston, MA
Contact:

Re: (5)Simple Textboxes+(1)Basic Ren'py Button Set

#5 Post by octacon100 » Tue Oct 07, 2014 3:40 pm

Wow, these are great. Totally bookmarked this page. Hope you make more, these are very stylish.
Image
Current Digital Projects -
Image
Regiera Hope Completed Game Forum Post

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: (5)Simple Textboxes+(1)Basic Ren'py Button Set

#6 Post by Sayumi101 » Fri Oct 17, 2014 1:02 pm

breadslam wrote:I like how simple and understated these are. Thanks for sharing, Sayumi. :)
octacon100 wrote:Wow, these are great. Totally bookmarked this page. Hope you make more, these are very stylish.
Ah, I'm really thankful for the feedback. It's uplifting that they actually look okay to people. ^^
Once I get used to photoshop, I'm considering on trying to make stuff enclosed in actual neat-looking frames. But that seems a long way off as of now. XD
ImageImageImageImage

User avatar
iamwhatonearth
Regular
Posts: 78
Joined: Tue Aug 19, 2014 11:14 pm
Projects: The Town Called Data
Tumblr: iamwhatonearth
Deviantart: whatonearth
Location: USA
Contact:

Re: (8)Simple Textboxes+(1)Basic Ren'py Button Set

#7 Post by iamwhatonearth » Fri Oct 17, 2014 5:53 pm

Wow, these are really pretty. I'd use a set if it matched the game I'm making. lol

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: (8)Simple Textboxes+(1)Basic Ren'py Button Set

#8 Post by Sayumi101 » Tue Nov 04, 2014 7:48 am

^ I'm glad you like them. ^^ Good luck on your project, the premise looks very interesting.


For now I'm considering to make quick menu buttons to go with the boxes. I'll see how that goes. ^^;
ImageImageImageImage

User avatar
iamwhatonearth
Regular
Posts: 78
Joined: Tue Aug 19, 2014 11:14 pm
Projects: The Town Called Data
Tumblr: iamwhatonearth
Deviantart: whatonearth
Location: USA
Contact:

Re: (8)Simple Textboxes+(1)Basic Ren'py Button Set

#9 Post by iamwhatonearth » Thu Nov 06, 2014 2:03 am

Thanks. c:

Also do you know where to find instructions on how to align the text with the text box?

I found information on how to change the dialog box but I couldn't figure out how to move the text so that it fit in the new box without moving all other objects too.

Or could you tell me how?

I don't need to know for this game since I decided I like the default text box but it could be useful if I make another game.

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: (8)Simple Textboxes+(1)Basic Ren'py Button Set

#10 Post by Sayumi101 » Thu Nov 06, 2014 11:44 am

iamwhatonearth wrote: I couldn't figure out how to move the text so that it fit in the new box without moving all other objects too.
I'm relatively new to this so I don't know if there's a simpler way to do it. What I normally do is open the options.rpy page and play around with these values until I get the text to not overlap with my buttons and so that it sits neatly within the text box. Now I only hope that this was what you mean >O<


style.window.left_padding = 170
style.window.right_padding = 44
style.window.top_padding = 8
style.window.bottom_padding = 30
ImageImageImageImage

User avatar
iamwhatonearth
Regular
Posts: 78
Joined: Tue Aug 19, 2014 11:14 pm
Projects: The Town Called Data
Tumblr: iamwhatonearth
Deviantart: whatonearth
Location: USA
Contact:

Re: (8)Simple Textboxes+(1)Basic Ren'py Button Set

#11 Post by iamwhatonearth » Fri Nov 07, 2014 1:12 am

I didn't test your numbers but took a look at my options menu and that looks like it makes sense. Thanks. c:

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: Sayumi's Text Boxes and Button Stuff(Added one with butt

#12 Post by Sayumi101 » Thu Nov 27, 2014 10:54 pm

@iamwhatonearth: Don't mention it ^^


Update
Added two more text boxes.
1. Orange bordered.
2. Red bordered (zip file) (with buttons, code and preview)
ImageImageImageImage

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: Sayumi's Text Boxes and Button Stuff (Update 07/12)

#13 Post by Sayumi101 » Sun Dec 07, 2014 8:54 am

(Golly I'm going on a text-box creation frenzy even though I'm an utter noob >.< Gotta try GUI! :determined: )

Update:
(Two more Boxes)
1. Yellow bordered novel mode box.
2. Red and Green Starry box which hopefully has a light Christmass-y feel to it ^^;

Comments and opinions would be much appreciated ^^
ImageImageImageImage

殺す/Kurosu~❆
Newbie
Posts: 15
Joined: Sun Jan 04, 2015 2:36 am
Contact:

Re: Sayumi's Text Boxes and Button Stuff (Update 07/12)

#14 Post by 殺す/Kurosu~❆ » Sun Jan 04, 2015 7:55 am

These textboxes are so kawaii. *^* Do you take requests?

User avatar
Sayumi101
Veteran
Posts: 214
Joined: Fri Apr 11, 2014 1:56 am
Completed: Closing Spaces, Pastel Rain, Straight Up: Sister-zoned!, Run 'N Gun
Projects: Hunta-H ~Romancing Idols~
Deviantart: Sayumi101
itch: sayumi101
Location: India
Contact:

Re: Sayumi's Text Boxes and Button Stuff (Update 07/12)

#15 Post by Sayumi101 » Mon Jan 05, 2015 4:57 am

殺す/Kurosu~❆ wrote:These textboxes are so kawaii. *^* Do you take requests?
Aw, thank you so much.
And I do, actually. Though I kind of won't be able to work on anything for another week or three.
ImageImageImageImage

Post Reply

Who is online

Users browsing this forum: No registered users