Page 1 of 3

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

Posted: Sat Oct 04, 2014 1:14 am
by Sayumi101
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 259 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)

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

Posted: Sat Oct 04, 2014 8:21 am
by Flowers from Nowhere
Those are beautiful, thank you!

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

Posted: Tue Oct 07, 2014 12:00 pm
by Sayumi101
Flowers from Nowhere wrote:Those are beautiful, thank you!
I'm glad you liked them. ^^


New Arrivals
Flower Box_1.png

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

Posted: Tue Oct 07, 2014 12:13 pm
by breadslam
I like how simple and understated these are. Thanks for sharing, Sayumi. :)

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

Posted: Tue Oct 07, 2014 3:40 pm
by octacon100
Wow, these are great. Totally bookmarked this page. Hope you make more, these are very stylish.

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

Posted: Fri Oct 17, 2014 1:02 pm
by Sayumi101
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

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

Posted: Fri Oct 17, 2014 5:53 pm
by iamwhatonearth
Wow, these are really pretty. I'd use a set if it matched the game I'm making. lol

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

Posted: Tue Nov 04, 2014 7:48 am
by Sayumi101
^ 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. ^^;

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

Posted: Thu Nov 06, 2014 2:03 am
by iamwhatonearth
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.

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

Posted: Thu Nov 06, 2014 11:44 am
by Sayumi101
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

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

Posted: Fri Nov 07, 2014 1:12 am
by iamwhatonearth
I didn't test your numbers but took a look at my options menu and that looks like it makes sense. Thanks. c:

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

Posted: Thu Nov 27, 2014 10:54 pm
by Sayumi101
@iamwhatonearth: Don't mention it ^^


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

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

Posted: Sun Dec 07, 2014 8:54 am
by Sayumi101
(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 ^^

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

Posted: Sun Jan 04, 2015 7:55 am
by 殺す/Kurosu~❆
These textboxes are so kawaii. *^* Do you take requests?

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

Posted: Mon Jan 05, 2015 4:57 am
by Sayumi101
殺す/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.