Sayumi's Text Boxes and Buttons (Update 13/5/2017)
- Sayumi101
- Veteran
- Posts: 233
- 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)
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
-------------------------------------
Blocky Thingy/b]
[attachment=2]block gui.zip[/attachment]
------------------------------------
Minimalist Sky Theme (I tried adding in this little star blinking thing here....)
[attachment=3]Simple Sky.zip[/attachment]
------------------------------------
Pink Flowery Theme (Note: Back ground image not included. Preference option is highlighted here)
[attachment=4]Flowery start screen.zip[/attachment]
------------------------------------
Chalkboard Theme
-[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
------------------------------------
[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)
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
-------------------------------------
Blocky Thingy/b]
[attachment=2]block gui.zip[/attachment]
------------------------------------
Minimalist Sky Theme (I tried adding in this little star blinking thing here....)
[attachment=3]Simple Sky.zip[/attachment]
------------------------------------
Pink Flowery Theme (Note: Back ground image not included. Preference option is highlighted here)
[attachment=4]Flowery start screen.zip[/attachment]
------------------------------------
Chalkboard Theme
-[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
------------------------------------
[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
-
- block gui.zip
- (114.87 KiB) Downloaded 175 times
-
- Simple Sky.zip
- (228.58 KiB) Downloaded 256 times
-
- Flowery start screen.zip
- (412.61 KiB) Downloaded 190 times
-
- Simple Pink with pattern.zip
- (400.32 KiB) Downloaded 258 times
-
- main.zip
- (188.84 KiB) Downloaded 267 times
-
- Starry.zip
- (169.14 KiB) Downloaded 254 times
-
- Red_bordered.zip
- (179.49 KiB) Downloaded 301 times
-
- Green Spiral buttons.zip
- (438.1 KiB) Downloaded 285 times
Last edited by Sayumi101 on Fri May 12, 2017 10:27 pm, edited 27 times in total.
- 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
Those are beautiful, thank you!
- Sayumi101
- Veteran
- Posts: 233
- 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
I'm glad you liked them. ^^Flowers from Nowhere wrote:Those are beautiful, thank you!
New Arrivals
Last edited by Sayumi101 on Thu Nov 27, 2014 10:58 pm, edited 1 time in total.
Re: (5)Simple Textboxes+(1)Basic Ren'py Button Set
I like how simple and understated these are. Thanks for sharing, Sayumi.
- octacon100
- Regular
- Posts: 163
- 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
Wow, these are great. Totally bookmarked this page. Hope you make more, these are very stylish.
- Sayumi101
- Veteran
- Posts: 233
- 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
breadslam wrote:I like how simple and understated these are. Thanks for sharing, Sayumi.
Ah, I'm really thankful for the feedback. It's uplifting that they actually look okay to people. ^^octacon100 wrote:Wow, these are great. Totally bookmarked this page. Hope you make more, these are very stylish.
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
- 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
Wow, these are really pretty. I'd use a set if it matched the game I'm making. lol
- Sayumi101
- Veteran
- Posts: 233
- 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
^ 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. ^^;
For now I'm considering to make quick menu buttons to go with the boxes. I'll see how that goes. ^^;
- 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
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.
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.
- Sayumi101
- Veteran
- Posts: 233
- 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
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.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.
style.window.left_padding = 170
style.window.right_padding = 44
style.window.top_padding = 8
style.window.bottom_padding = 30
- 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
I didn't test your numbers but took a look at my options menu and that looks like it makes sense. Thanks. c:
- Sayumi101
- Veteran
- Posts: 233
- 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
@iamwhatonearth: Don't mention it ^^
Update
Added two more text boxes.
1. Orange bordered.
2. Red bordered (zip file) (with buttons, code and preview)
Update
Added two more text boxes.
1. Orange bordered.
2. Red bordered (zip file) (with buttons, code and preview)
- Sayumi101
- Veteran
- Posts: 233
- 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)
(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 ^^
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 ^^
-
- Newbie
- Posts: 15
- Joined: Sun Jan 04, 2015 2:36 am
- Contact:
Re: Sayumi's Text Boxes and Button Stuff (Update 07/12)
These textboxes are so kawaii. *^* Do you take requests?
- Sayumi101
- Veteran
- Posts: 233
- 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)
Aw, thank you so much.殺す/Kurosu~❆ wrote:These textboxes are so kawaii. *^* Do you take requests?
And I do, actually. Though I kind of won't be able to work on anything for another week or three.
Who is online
Users browsing this forum: Ahrefs [Bot]