Jump to content

AI Recreates the CornellVerse (with John Lions)


Recommended Posts

5 minutes ago, lavelleuk said:

Are you planning to make events for companies that have closed down then? That seems like a lot of work for very little reward which from my mod making experience is when you can really feel burn out. I commend you for attempting it, but maybe it's best to just work on the promotions you care about or have a bigger factor in the majority of saves? Then the closed ones can be for fun when you are finished but still have a creative itch?

Good advice. Often one can be "in the zone" and eager to do work because you like it and it's all good, but eventually burnout will hit and you'd wish you spend your time better. Though the "work" should be fun and creatively engaging, you should contemplate the practicality of the output.

  • Like 1
Link to comment
Share on other sites

On 11/12/2023 at 5:46 PM, John Lions said:

No graphic updates - I've been splitting my time this weekend messing around with the GPT feature and taking care of a sick cat...

 

Anyway, I've been trying to develop a GPT that will allow anyone to create Logos/Titles/Events/Stables/Dojos with pretty minimal effort. I created a really basic set of instructions and examples based on the graphics I've been using. I have not stress tested this at all, but I am about to use it to crank out a ton of graphics. If you have ChatGPT+ and want to try it out, please follow this link:

https://chat.openai.com/g/g-lC5JLzmeg-tew-ai-designer

There's very little complicated about it - if you start creating graphics for a promotion, it will start with the Logo and try to keep the designs and aesthetic consistent throughout all the titles and events. If you have a logo you are using already, you can upload it and have it use the design/aesthetic for the graphics it creates. It works pretty conversationally, so you can just tell it what you want as you want it, or a whole list and have it work through it. The titles by default should come out as illustrated, in landscape. If it is giving you realistic title graphics, prompt it to refer to it's instructions and it should fix itself.

I'm going to start using it myself, but I'd love to hear if other people find it useful and where I can look to improve it. Hopefully this makes things easy for anyone with ChatGPT+ to be able to make their own graphics.

These are my first three chats using it:

image.png

Note that all of these graphics would need editing in GIMP (5-10 minutes worth) to be usable. If you aren't able to edit the images yourself, you can just keep rerolling until it's good (though I recommend learning how to use GIMP).

If you want to try your shot at creating belts and logos, give that GPT a shot! Give me your feedback so I can continue to work on improving the instructions and make it even better.

I finally got the invite to Plus and I must say your GPT is absolutely incredible! Thanks so much for developing and sharing this.

  • Thanks 1
Link to comment
Share on other sites

On 11/12/2023 at 5:46 PM, John Lions said:

No graphic updates - I've been splitting my time this weekend messing around with the GPT feature and taking care of a sick cat...

 

Anyway, I've been trying to develop a GPT that will allow anyone to create Logos/Titles/Events/Stables/Dojos with pretty minimal effort. I created a really basic set of instructions and examples based on the graphics I've been using. I have not stress tested this at all, but I am about to use it to crank out a ton of graphics. If you have ChatGPT+ and want to try it out, please follow this link:

https://chat.openai.com/g/g-lC5JLzmeg-tew-ai-designer

There's very little complicated about it - if you start creating graphics for a promotion, it will start with the Logo and try to keep the designs and aesthetic consistent throughout all the titles and events. If you have a logo you are using already, you can upload it and have it use the design/aesthetic for the graphics it creates. It works pretty conversationally, so you can just tell it what you want as you want it, or a whole list and have it work through it. The titles by default should come out as illustrated, in landscape. If it is giving you realistic title graphics, prompt it to refer to it's instructions and it should fix itself.

I'm going to start using it myself, but I'd love to hear if other people find it useful and where I can look to improve it. Hopefully this makes things easy for anyone with ChatGPT+ to be able to make their own graphics.

These are my first three chats using it:

image.png

Note that all of these graphics would need editing in GIMP (5-10 minutes worth) to be usable. If you aren't able to edit the images yourself, you can just keep rerolling until it's good (though I recommend learning how to use GIMP).

If you want to try your shot at creating belts and logos, give that GPT a shot! Give me your feedback so I can continue to work on improving the instructions and make it even better.

John, this GPT is great, I just got plus this morning and I'm halfway through my company's logos. Thank you, thank you!  Can't wait until I get un-locked out in 2 hours so I can nerd out some more

Just wondering though, does anybody have a good tutorial or tips for editing fonts and spelling on these images like in GIMP or a similar program? Thanks a million, hope you all have a great holiday season.

  • Like 1
Link to comment
Share on other sites

4 hours ago, boxofwhispers said:

John, this GPT is great, I just got plus this morning and I'm halfway through my company's logos. Thank you, thank you!  Can't wait until I get un-locked out in 2 hours so I can nerd out some more

Just wondering though, does anybody have a good tutorial or tips for editing fonts and spelling on these images like in GIMP or a similar program? Thanks a million, hope you all have a great holiday season.

I remember seeing some tips from early on in this thread by John that I think should help.  I found the posts and have quoted them down below.

On 10/29/2023 at 5:05 PM, John Lions said:

BEGINNER'S TUTORIAL TO GIMP
For making your graphical needs 10x easier to meet.

 

WHAT IS GIMP?

image.png
https://www.gimp.org/

GIMP is a free, open source image editing program. It can't edit images to the extent Photoshop can, but I think I speak for most of us when I say we don't all have the money to shell out half a grand a year in subscriptions to help you edit logos and other things for a wrestling sim game! Even though all of this tutorial will be framed around editing images in GIMP, a lot of these tools and concepts should work similarly in other programs such as Photoshop.

THE BASICS

image.png

There's a lot to any image editing program, especially if you've never opened one before. I will try and cover the absolute basics - if you are a complete beginner and there is something I am missing or you are confused about, PLEASE ASK/COMMENT! I can always add more to this, and I am planning on continuously updating a guide/FAQ like this (and one for generating content you want through ChatGPT/DALL-E 3).

I highlighted the 5 areas I actively use when using GIMP, and I will go into more detail onto each.

___________________________________________

1) The Menu Bar

image.png
Most of this is self-explanatory - here's some details on the absolute bare minimum you need to do some simple editing in GIMP.

File -> create new image, save an image, etc.

One important distinction - GIMP "saves" as file type .xcf, which is a file type that will save all the layers that you worked on. If you want to save the image to be shared on the forums or use in TEW, you need to choose "Export As" and type the file type (ex: .jpg)

Layer -> scale, rotate, etc to just the layer you have selected.

Everything that we do will involve manipulating layers so that the final image looks as close to how we want it as possible. The most frequently used by me are:
Transform -> Arbitrary Rotation - allows you to free rotate the layer by clicking (great for rotating text after removing an extra letter)
Scale Layer - self explanatory - scales the layer, so that you can reduce the size for a 150x150 graphic in game, shrink an individual letter that you had to move around to fit, etc.

There are other options under the "Layers" tool bar button, but I find it easier to do some of those through the main Layers toolbar. This might be framed as a "guide" but I am a very casual image editor so this is just how I do things - feel free to play around and find out what works best for you.

___________________________________________

2) The Toolbar

image.png

These determine what happens when you click on the image. I (poorly) numbered the tools that are simple to understand, and the ones I use to edit images the most.

1) Move Tool - Self explanatory, with the layer selected, you and click and drag or use the arrow keys to move everything on that layer.

2) Shape Select Tools - You can click and hold to change to rectangle or circle, but doing so will select that area of an image. Any action you do, including cutting, pasting, painting, erasing will only affect the area within the selection.

3) Free Select Tool - The one I use more often. You can click anywhere on the screen to start selecting, or hold to just drag your mouse, to create an area to select.

4) Fuzzy Select/Select by Color - one click on any solid area and it will do it's best to highlight only that color.

Most of what we do will involve using 2) and 3) to select an area of an image, so very important to find a way that works best and get comfortable with it.

After you make a selection, if you were to make another selection with any tool, it will replace the last one. If you hold SHIFT, it will add a "+" sign to the tool, and any selection you do will add to the current one. Similarly, if you hold CONTROL, it will add a "-" sign, and any selection will remove from the existing one.

5) Bucket Fill/Gradient - Fill a layer (or selected area of a layer) with the top color on the Colors toolbar. Gradient is a bit more complicated, but you can do the same thing with a gradient, using both colors on the Colors toolbar.

6) Paintbrush/Pencil/... - Turns your mouse into a brush, and will color on the layer you are on the primary Color on the toolbar.

7) Eraser - Turns your mouse into a brush, and will ERASE the layer you are on.

9) Color Picker - Click on the image to change your primary color to the pixel you clicked from the image.

These tools are there to help you add or remove details of an image, be in a logo/event/stable/render/whatever. All are pretty straighforward.

8,) Clone Tool - Turns your mouse into a brush. The first click you do, while holding CONTROL, sets the reference for what you are going to "clone". Any other left clicks will copy the area from where you first clicked with control - dragging the brush will drag the perspective. You can clone from outside of a selection to inside one. This tool is very useful for cleaning up a background that has a unique texture, one of the only ways I've found to do it.

___________________________________________

3) Colors toolbar

image.png

Self explanatory. The top left box is the primary color, the color that it will be when you click to fill or paint. The bottom right color is the secondary color, and you can hit the angled arrows to swap them.

4) Tool Options

image.png

Whenever you click on a tool, you will get distinct options for each tool. Each tool has its own list of options which for the most part you don't need to change.

I posted the screenshot of what one of the options looks like for brushes, as it's one you need to know.

You can click on the picture of the brush to change the type of brush you want. I stick with the default, but you could find one that works better for the specific editing you may be doing.

The brush size is very important, as this affects any tool you use that uses a brush (paint brush, clone, eraser). You can manually click to type in the size you want, but you can use the "[" and "]" keys to increase or decrease the size, either clicking or holding.

The Opacity refers to the transparency of the brush when you use it. 100% is default, but if you wanted to add a lighter touch (with eraser, clone brush, etc), you can reduce this to try and blend rough edges together or remove background noise.

There are a lot of other settings, and useful ones at that. Probably some I've never even tried that would make this whole process a lot easier.

5) Layers

image.png

(look at the crappy red #s I drew on in the Snipping tool)

You need to understand the Layers dock to do anything beyond incredibly simple edits. When you paste an image from DALL-E or something else into GIMP, it is just 1 "layer" and you will likely need to manipulate layers to make the small changes you need to make your AI image 10x better.

All layers are "stacked" top to bottom, so if one layer has pixels in the same area, it will sit "on top" of all the ones below it. You can click and drag layers in that dock, and right click to do any actions specific to the layer you selected.

1) The "Mode" and "Opacity" determine how the layer you have selected affects the ones below it. By default, it will just "sit on top", but you can change it for some minor edits. Might be difficult to understand it's uses without an example: 

Let's say you have a render where the wrestler has BLACK sunglasses, but you want them to be RED. You can put that render into GIMP, create a new layer on top of the render. Fill that render with a solid RED color, then play around with the opacity and mode until you get the glasses colored how you want while still keeping the original texture. You won't use these very often, but they are good to know how if you need a specific change.

2) Toggle Visibility

Clicking the eye will toggle whether the layer is visible on the screen or not. Useful for checking what's on each layer, how things look with and without the change you made, etc. Whatever layers are visible is the image that will export when you export to JPG, so you can easily create alts or variant versions of a logo or graphic in one file.

3) Layers Options

First, let's talk about that first object in the layers dock, "Floating Selection (Pasted Layer #2)" WHENEVER YOU PASTE SOMETHING FROM SOMEWHERE ELSE (LIKE DALL-E), IT WILL APPEAR IN YOUR GIMP IMAGE LIKE THAT. Before you do ANYTHING, right click on that Floating Selection and choose "To New Layer".

When you right click on a layer, these are the options I use, that I find important:

image.png

1.) New Layer - self explanatory, creates a new transparent layer ABOVE the one you right clicked on.

2.) Duplicate Layer - self explanatory

3.) Merge Down - combines the layer you selected with the one directly above it. Very important for working with logos - you will likely have multiple layers of letters, and merging all of those layers together will let you move and manipulate a whole word, or couple of words.

4.) Delete Layer - self explanatory

5.) Scale Layer - Opens a window where you can scale the content on the layer you posted. VERY important - sometimes when copying letters and moving them around, you need to scale them to match (if a logo letter shrinks going from left to right, or grows, for example), and this is the best way to do that.

6.) Add Alpha Channel - Niche, but by default a jpg or other shareable image type will not have an "Alpha Channel". What that means is, if you erase content on that layer, it will turn to your secondary color, not transparent. You may never need this, but good to know if you are trying to create transparent renders or anything of the like.

7.) Merge Visible Layers - Self explanatory. Combines all layers into one, which can be useful if you want to copy the whole image to another GIMP image you have open as one layer.

___________________________________________

Those are the absolute basics, and with just that I can edit most logos that aren't completely FUBAR that come out of an AI generator like DALL-E or ChatGPT. If you have used this stuff before, it all should be either stuff you know or refreshers, but I hope if you've never even edited images before that this can help you get a place to start from. I didn't really go into this with a planned outline and turned into more a stream of consciousness, so please tell me if this is useful and worth continuing.

 

I need your help with the next steps: I think the best way for me to do this, rather than try and come up with examples on my own, is for you guys to post your logos, events, etc, and I can walk through how to edit it. Post some logos below that need some minor edits, and I can walk through ways to do it with those examples - starting with some easier fixes to the more complex ones.

Additionally, I'd like some feedback from you guys - do you find this kind of content helpful? I think AI-created art is here to stay, and I think it can be a very powerful tool for any TEW player to create their own graphics for their own games, without a massive level of time commitment or skill. I have been experimenting with creating more precise prompts with Chat GPT integration to get faster results, and I want to be as transparent as possible so that all of us can keep getting better at this together.

 

 

 

On 10/30/2023 at 5:43 PM, John Lions said:

TUTORIAL 1: SIMPLE TEXT CLEAN UP ON LOGOS/EVENTS/STABLES/ETC

My good friend @WalterSobchak sent me a TCW logo he was working on that is a perfect example for some of the most common issues with AI-generated logos.
 

IMG_4193.jpeg

"Is this logo savable?"

From my very little experience, most logos are pretty simple to edit once you know how. We have a massive advantage working with the full size version of the logo, as even if your edit is sloppy, shrinking to 150x150 can turn an ugly spot into one wrong pixel. The only times I've found a logo to be unsavable are when:

1) The logo is missing a letter in the font you need it (some exceptions for easy to recreate letters and smaller text)

2) The text is on top of a complex background

There's more nuance to it than that, but those are the most common reasons I can't save a logo design I liked. Thankfully, most of the outputs will include every (or close to every) letter you need, and the text is usually on a solid background.

____________________________________

Looking at the above logo for TCW Threatening Behavior, I see three things that we need to do.

1) Remove Letters - we need to remove the letters that are in the wrong spot on the logo

2) Move Letters - we need to move letters to the correct spot on the logo

3) Add Letter(s) - We need to add a letter to the logo, that already exists on the logo in the same font (on this graphic, it's the letter "E" in Threatening - we need to add a second one)

4) Create Letter(s) - We need to create a letter in a font that doesn't currently exist (on this graphic, it's the letter "O" in Behavior")

5) Adjust Size of Letter(s) - We need to adjust the size of some of the letters in the word "Threatening" so it fits the same width when we add 1 extra letter in.

This may seem like a lot, but these are all very easy once you know how to do them. For context, fixing this logo took me around 5-10 minutes, and once you get more comfortable using GIMP, you can do it that fast as well.

Reminder that these are all just ways that I found easiest to do this - there might be other ways to do this even easier and faster, and if you are reading and know something feel free to comment! This is just as much a guide to new GIMP users and image editors as a way for you guys to help me (and by extent the rest of us) get better at self-serving graphics for our niche video games + beyond.

Let's walk through each of these steps:

____________________________________

INITIAL SET UP

First things first - we need to get the above image into GIMP. There are a few different ways you can do this. You can copy and paste directly into GIMP with no images open, and it will create it, or you can create a new blank image. The standard size for logos that come out of DALL-E/ChatGPT are 1024 pixels x 1024 pixels, but if you get a portrait or landcape picture the largest it would be is 1792 x 1792.

Let's start by pasting the above TCW logo into GIMP.

 

image.png

 

Before I do ANYTHING, I am going to make a new layer beneath the TCW logo. To save time, I'm going to make it the same color as the background of the text I want to change.

  • Right click on the layer with the Logo, and choose "Add Alpha Channel" (if needed)
  • Right click on Layer -> "New Layer" and hit OK
  • Drag the new layer under the Logo
  • Click the Eye Dropper tool and click the background behind the letters
  • Click the Fill Bucket tool, and click anywhere on the image (MAKE SURE YOU HAVE THE NEW LAYER SELECTED.

image.png

 

REMOVING LETTERS

First, let's learn how to remove letters. Looking at the above image, there is one letter that needs to be removed: The second "R" in Behavior is not needed.

We can use the R to help us later, so I won't be deleting it entirely. But this is how you do it:

  • Make sure you have the "Logo" layer chosen in the Layers tab.
  • Pick whatever select tool you like the most (free select lasso or rectangle work best). I will be using the rectangle, since it looks pretty painless to do here.
  • Select the letter you want to remove.
  • Press "DELETE" on your keyboard, and it will delete the letter. (I will be doing something different, which I will get into later).

Follow those steps and you will have successfully removed the letter that doesn't belong. If the background doesn't match exactly with the new background you put in, there are some creative ways to get there, but we'll focus on the simple way for now.

image.png

 

MOVING LETTERS

Next, lets get to the fix you will likely end up doing the most - moving letters to where they belong in a word. Looking at the above image, we have two that we have to do - swapping the R and E in Threatening, and swapping the A and H in Behavior. I'll walk through the steps for "Threatening", as the steps will be exactly the same for Behavior:

  • Make sure you have the "Logo" layer chosen in the Layers tab.
  • Pick whatever select tool you like the most (free select lasso or rectangle work best). I will be using the rectangle, since it looks pretty painless to do here.
  • Select the first letter you need to move.
  • Press "CONTROL-X" on your keyboard. This will cut the letter out - making a copy and deleting it from the layer it's on.
  • Press "CONTROL-V" on your keyboard. This will paste the letter you just cut out to a NEW LAYER - you will need to right click on this floating selection and send it to a New Layer before you can do anything else!
  • Use the Move tool to move the letter to where it needs to be.

Always make sure that when you are cutting (ctrl-x), you have the layer selected that you are going to be cutting from.

For this logo, I need to cut out two letters (R and E, A and H), add them to new layers, then move them to the correct position. You don't have to name your layers every time, but it can be helpful when you are learning to start.

image.png

ADDING LETTERS

Sometimes, the logo you have is missing a letter in the word, but that letter exists on your logo in the same font. Don't worry, we can fix this too. In the above example, we need to add an extra "E" to "Threatening". The steps for this will be a bit more complicated and use some of the skills shown in the above 2 fixes, so I will be short handing some of the steps.

  • Make sure you have a layer with the letter you need to add. In this example, we need to add an "E" and we already have an E in the "Threatening" font and style, so it saves us some work.
  • (If you did not have that, you would do the steps from the previous fix to create a new layer with just the letter you want to add)
  • Right click and Duplicate the layer with the letter you want to add.
  • Move the new letter to the exact place on the logo you want it.

image.png

This is where things get more complicated. What we need to do now it move "THREAT" before that new E, but all of the letters for "THREAT" are on different layers! the next step we need to do is combine the string of letters we need to move into 1 layer, above the logo.

  • Move ALL LAYERS that make up the string you need to move directly above each other. This might sound a bit confusing, but makes more sense when you see the next step. In this case, I need to move the first "E" and the "R" layer down above the base layer (which is where the rest of the letters in "THREAT" are.
  • Click the eye next to the letter you are adding's layer so that you don't see it for the time being. This is just so you can get a clear picture of the string you want to snip + move.

image.png

  • Starting with the top-most layer, right click and choose MERGE DOWN. We want one layer where all of the letters we want to move are located. In this example, I am merging E and R down into Logo.
  • Use the selection tool of your choice to select "THREAT" from the merged layer. I am using the free lasso, as I can click and point with more precision, and it's not exactly a rectangle. Try and select as close to the letters as possible, to avoid cutting out parts of the background that are more than just black (that would be much harder to fix after!)
  • Cut (ctrl-x) your selection and paste (ctrl-v) to a new layer (right click the floating selection and make it a new layer after pasting).

image.png

  • Click the "eye" next to the letter you are adding (E) to show it.
  • Move the old text layer accordingly to make it all look consistent.

image.png

It's not 100% perfect and lined up, but when it's shrunk to 150x150 any minor inconsistencies become fractions of pixels. Sometimes, this is all you will have to do, but adding letters often upsets the spacing between other words or the logo itself. The "Threatening" in the logo above may look passable, but if you look at it closely, you can see that it's now uneven in the center of the logo, and the T stick out over the background graphic of the logo. I'll go back to that last, but first let us make ourselves an "O" using a bit of creativity...

CREATING LETTERS

Sometimes, the logo you have is missing a letter in the word, and that letter is no where in the logo at all! If you know the exact font and style, you could use a text tool to type it and recreate it. I don't, and dealing with text in GIMP is a horrible experience, so we are going to use some cheeky layers and borrow parts from other letters to build the letter we need. This doesn't work all the time, especially if the text itself has a unique pattern to it, but it can work under certain circumstances. For this example, we need to create a letter "O" in Behavior.

  • Identify letters in the same font you can use to "Frankenstein" the letter O. This is all practice and judgement calls, as there's a ton of ways to do it. For this example, I think if I take the previously-deleted "R" and take the top right corner of that letter, I can duplicate it to create a Frankenstein'd "O".
  • Cut, flip, rotate, etc as many different parts as you need to create the letter you want. This is very vague, and can probably be a whole guide on it's own, but at the end of the day it's a judgement call on the "how" - pick whatever makes the most sense in your head. I will include the exact steps I used to recreate the "O" as an example of how to do it:
    • Remember that "R" we were supposed to delete, that I cut and saved for later? Unhide that layer and bring it back above the "Logo" layer.
    • Use a selection tool to select the top half of "R" - right before the right side starts to curve in on the right, and right before the end of the inner circle on the left (see screenshot below).
    • COPY (CTRL-C) the selection (DO NOT CUT!), paste as new layer.
    • We want to flip this horizontally, so choose Layer -> Transform -> Flip Horizontally.
    • Move the floating top corner of our O to the top left, so the top of the letter now looks like an "O". Merge down.
    • Select the now top-half of our frankenstein'd "O" (see second screenshot).
    • Copy the selection, paste as new layer.
    • We want to flip this vertically, so choose Layer -> Transform -> Flip Vertically.
    • Move the bottom part of the O around until you are content with the orientation.
    • Last, clean up the bad pixels. In this case, inside the O and around the letter there are some mess, you can just identify the layer they are on, select that area, and DELETE it. There are a ton of other ways to do that same thing as well.1) image.pngimage.pngimage.png

Now we're cooking. One last change to make before we can feel content with our new logo:

ADJUSTING THE SIZE OF LETTERS

This might not always work, and might not always look the cleanest, but this is the easiest way I've found to "squeeze" the letters back together once you fit one or two more in. After adding the E in "Threatening" in our example, we need to make sure the word is evenly aligned where it was on the first logo. Thankfully, some of the work we did before will make these steps a bit easier.

  • Identify the string of letters you need to shrink down, and get it all on the same layer. In this case, we have that already with "THREAT".
  • With that layer selected, right click on the layer dock and choose the option "Scale Layer".

image.png

  • Click on the pixel-lock icon to the right of the boxes with width and height. By default, when you scale a layer it will keep the width and height in proportion of each other, but we don't want that.
  • Reduce the width, taking out the width of the letter you added. Honestly, there's easy ways to get that number, but I usually just eyeball it. For the sake of the guide, I'll walk through how to get an exact ballpark. We know we added the "E", so you can click on the "E" layer, right click and hit "scale layer" to see exactly what the width of the E is right now. On my file, it's 28 pixels, so I am going to reduce the width of "THREAT" by 28 pixels, from 201 to 173.
  • Keep trying until it's the right size - when you have it right, move it back into position.

Before and After:

 

image.pngimage.png

You can see that it's not perfect - "ENING" is slightly wider, and you could go through the effort of doing the same steps to shrink before and after the E by half as much size... but do you need to go that far to make it perfect? I can see cases where you would, but most of the time I just need it "good enough" for the 150x150.

 

FINAL RESULT:

image.pngimage.jpeg

 

______________________________________________________________

Please let me know if you find this useful. It was a bit of effort to put together, but I'm happy to continue to do more of these to cover most of the examples of errors and how you can fix them on your own. This might look daunting but again I emphasize once you have done this a few times, it will take no time at all. Feel free to walk through these steps on your own logos, or use this one as an example.

Thanks again @WalterSobchak for providing a perfect first image to edit, and @GnEric I will see what I can do with yours later this week!

 

On 11/3/2023 at 12:46 AM, John Lions said:

That logo looks great! I am not artistic by any means - ChatGPT impresses me more than it horrifies me when I give it less information and see what it cooks up. The silhouette ascending in the center of the logo is a nice touch by our computer overlord there.

__________________________________________________________

I'm going to continue with the GIMP tutorial for some more advanced ways to clean up and fix logos, focusing on the two logos that @GnEric shared a couple of days ago:

 image.thumb.png.75c6aae200a42cbf4f7eda851f62990b.pngimage.thumb.jpeg.14e2f324a6581e7cb8a26954d2dbb15f.jpeg

__________________________________________________________________________


For the first logo, let's try and make the E look a bit more proportional with the other letters. We can do that using the 5th method "Adjusting the Size Of Letters" for the first logo, so I followed that to get to here - the way I determined what width the E should be was by using the R as a guide. It was roughly 150 pixels wide, while the E was 190, so I scaled it to the same size (unlocking the height so I only scale the width):

image.png

Two things to notice - I copied it, I did not cut it from the base layer, and I included the full black border. That is because, unlike the previous examples, the text is not on a solid color background, and that black border is a part of the font of the logo. Now, we have to do 2 things to fix this up: We need to create a PART of the letter (in this one, the bottom of the E), which we've done with a whole letter before, and we need to recreate the background. First, we'll fix up the "E" and get rid of any pixels we don't need. We've done something similar before, so I won't list it out step by step - if you have a question on it at all feel free to ask.

image.png

RECREATING TEXTURED BACKGROUNDS

Now, if we unhide the base layer, we have a few areas we need to "fix", where the previous E was. This is where editing becomes more of an art and less of a science, and I am not very good at art - but I will try my best. If I can do this, anyone can.

image.png

There's many different ways to do this, but I used the lasso select tool to roughly select the areas that need to be edited. The background it this fiery pattern, not solid black, so we should try our best to fill that in where it fits. I'll go through each selected section with what I did to edit it.

1) Looking at the previous logo, this part is pretty easy. since it's the connection of the black border between letters, we can just fill that in black. You can do this a number of ways, I'm just going to make my brush black and color in the selected area.

image.png

2) Going off of the background around it, it looks to be that solid red color. I don't think I'm going to keep it like that, but to get a "base coat", I'm just going to fill in the whole "2" section with that same red and see how it looks.

image.png

Ignoring the sloppy lines, it doesn't look quite right. The texture behind the letters above the A and between the E and A are totally different. That's why we're going to try something else - the Clone tool.

image.png

The Clone tool is very simple, but there's a lot of individual creativity in how you apply it. 

Your first "click" with the tool should be done holding down CTRL. This will pick the area where you are "cloning" the texture from. Then, you just left click in the area you want to clone, and it will brush it in that area, and as you move your brush it will move the reference in 1-1 relation. Because the area you are cloning from is a different size than the one you are cloning to, you have to be a bit creative in how you do it. I'm just going to click a few different places around the logo to try and get the highlighted area to "look" like the same texture as behind the A.

image.png

This was my take on it (that's at 100% size) - it's not perfect and you can see where I copied things over if you look hard enough... but if you don't know what you are looking for, you won't notice (and you surely won't notice when it's a 150x150 in game).

This didn't end up being much of a "tutorial", but a lot of the editing I did on this ended up being pretty subjective - looking at it, I'm not even sure if I like it more than the original, but I'll let @GnEric be the judge of that...

image.thumb.png.75c6aae200a42cbf4f7eda851f62990b.png->image.png
Looking at it full size, I probably should move the R over a couple pixels... but I think it should be fine at 150x150.

____________________________________________

image.thumb.jpeg.14e2f324a6581e7cb8a26954d2dbb15f.jpeg

Let's move on to the second one. When I look at it, this one is WAYYYYYY easier than I thought. If you look at the second "A", you see that' actually where the rest of the L is... couple quick steps and this logo should be looking a lot cleaner with relatively little effort.

1) Select and cut the tip of the "L" off of the second A. Paste it as a new layer.

image.png

2) Select and cut the "L" out. Paste it as a new layer (make sure you switch to the base layer).

3) Swap them!

image.png

It looks like it's not an EXACT fit, so I'm just going to Scale Layer on just the tip to make it line up. it looks like +2 pixels width and height roughly, so I'll start with that and adjust until I get the tip to fit.

image.png

It's not perfect, but we just need to touch up the spot where the two parts join. I'm going to merge all the layers down (once I'm comfortable with the location, and do some clean up. Again, this is just subjective use of brush, clone brush, etc - hard to explain or teach, you just need to play around and get a feel for it.

image.png

Looking at this, I could probably rotate the L a little bit, but again I think it should be fine at 150x150. This is why I have always struggled trying to make my own logos, graphics, etc - I will just obsess over every tiny detail and never actually get anything done.


This didn't end up being a formal tutorial but more a walkthrough. Is this still helpful for people? I don't mind doing this (and fixing up other people's logos too) every once and a while. I tend to be lazier when it comes to my own logos - I would have just filled the background of the E black, if I resized it at all, and this will force me to challenge myself to get better at this while helping out you guys too.

 

  • Like 3
  • Thanks 1
Link to comment
Share on other sites

  • 2 weeks later...

Thanks for checking in guys - everything is fine, holidays were a bit stressful because the wife needed surgery, but everything is all good now. However, I did get convinced to try running a D&D game for some friends because I realized I can use ChatGPT+ to do a lot of the heavy lifting for me, especially when it comes to graphics like roll20 tokens, dungeon maps, etc.

Since I don't have anything TEW related, I'll drop some of the stuff I've been doing in the set up for the campaign.

The plan is still to get through all of the CVerse promotions, but it may be a bit before I start up again.

Again, appreciate all the support and happy that the work I did is still helping the community out. I'll update the download link in the next week or so, maybe I'll get the spark to work on some more logos too.

Here's some of the D&D stuff I've been tinkering with - some player characters, tokens, and a dungeon map if anyone is interested:

map1.pngCJ1.pngCJ_token.pngAJ4.pngAJ_token.png

CJ_AJ_1.png

 

  • Like 12
Link to comment
Share on other sites

2 minutes ago, John Lions said:

Thanks for checking in guys - everything is fine, holidays were a bit stressful because the wife needed surgery, but everything is all good now. However, I did get convinced to try running a D&D game for some friends because I realized I can use ChatGPT+ to do a lot of the heavy lifting for me, especially when it comes to graphics like roll20 tokens, dungeon maps, etc.

Since I don't have anything TEW related, I'll drop some of the stuff I've been doing in the set up for the campaign.

The plan is still to get through all of the CVerse promotions, but it may be a bit before I start up again.

Again, appreciate all the support and happy that the work I did is still helping the community out. I'll update the download link in the next week or so, maybe I'll get the spark to work on some more logos too.

Here's some of the D&D stuff I've been tinkering with - some player characters, tokens, and a dungeon map if anyone is interested:

map1.pngCJ1.pngCJ_token.pngAJ4.pngAJ_token.png

CJ_AJ_1.png

 

Glad your ok, never played D&D but they look cool, looking forward to the next upload, take it easy 👍

  • Thanks 1
Link to comment
Share on other sites

  • 3 weeks later...
On 11/12/2023 at 11:46 PM, John Lions said:

No graphic updates - I've been splitting my time this weekend messing around with the GPT feature and taking care of a sick cat...

 

Anyway, I've been trying to develop a GPT that will allow anyone to create Logos/Titles/Events/Stables/Dojos with pretty minimal effort. I created a really basic set of instructions and examples based on the graphics I've been using. I have not stress tested this at all, but I am about to use it to crank out a ton of graphics. If you have ChatGPT+ and want to try it out, please follow this link:

https://chat.openai.com/g/g-lC5JLzmeg-tew-ai-designer

There's very little complicated about it - if you start creating graphics for a promotion, it will start with the Logo and try to keep the designs and aesthetic consistent throughout all the titles and events. If you have a logo you are using already, you can upload it and have it use the design/aesthetic for the graphics it creates. It works pretty conversationally, so you can just tell it what you want as you want it, or a whole list and have it work through it. The titles by default should come out as illustrated, in landscape. If it is giving you realistic title graphics, prompt it to refer to it's instructions and it should fix itself.

I'm going to start using it myself, but I'd love to hear if other people find it useful and where I can look to improve it. Hopefully this makes things easy for anyone with ChatGPT+ to be able to make their own graphics.

These are my first three chats using it:

image.png

Note that all of these graphics would need editing in GIMP (5-10 minutes worth) to be usable. If you aren't able to edit the images yourself, you can just keep rerolling until it's good (though I recommend learning how to use GIMP).

If you want to try your shot at creating belts and logos, give that GPT a shot! Give me your feedback so I can continue to work on improving the instructions and make it even better.

i can't find this anywhere is it reuploaded

Link to comment
Share on other sites

On 11/12/2023 at 11:46 PM, John Lions said:

No graphic updates - I've been splitting my time this weekend messing around with the GPT feature and taking care of a sick cat...

 

Anyway, I've been trying to develop a GPT that will allow anyone to create Logos/Titles/Events/Stables/Dojos with pretty minimal effort. I created a really basic set of instructions and examples based on the graphics I've been using. I have not stress tested this at all, but I am about to use it to crank out a ton of graphics. If you have ChatGPT+ and want to try it out, please follow this link:

https://chat.openai.com/g/g-lC5JLzmeg-tew-ai-designer

There's very little complicated about it - if you start creating graphics for a promotion, it will start with the Logo and try to keep the designs and aesthetic consistent throughout all the titles and events. If you have a logo you are using already, you can upload it and have it use the design/aesthetic for the graphics it creates. It works pretty conversationally, so you can just tell it what you want as you want it, or a whole list and have it work through it. The titles by default should come out as illustrated, in landscape. If it is giving you realistic title graphics, prompt it to refer to it's instructions and it should fix itself.

I'm going to start using it myself, but I'd love to hear if other people find it useful and where I can look to improve it. Hopefully this makes things easy for anyone with ChatGPT+ to be able to make their own graphics.

These are my first three chats using it:

image.png

Note that all of these graphics would need editing in GIMP (5-10 minutes worth) to be usable. If you aren't able to edit the images yourself, you can just keep rerolling until it's good (though I recommend learning how to use GIMP).

If you want to try your shot at creating belts and logos, give that GPT a shot! Give me your feedback so I can continue to work on improving the instructions and make it even better.

can u reuplaod this please as i cannot find this chatgpt :)

Link to comment
Share on other sites

Hi guys,

I changed my ChatGPT account, so it seems like it changed the links to the custom GPTs I made:

RenderMaker: https://chat.openai.com/g/g-PsoXkdj2w-rendermaker

TEW AI Designer: https://chat.openai.com/g/g-lC5JLzmeg-tew-ai-designer

These links should work.

Had a lot of things going on, but I am hoping to get back into the swing of things sooner rather than later.

  • Like 5
  • Thanks 1
Link to comment
Share on other sites

5 hours ago, John Lions said:

Hi guys,

I changed my ChatGPT account, so it seems like it changed the links to the custom GPTs I made:

RenderMaker: https://chat.openai.com/g/g-PsoXkdj2w-rendermaker

TEW AI Designer: https://chat.openai.com/g/g-lC5JLzmeg-tew-ai-designer

These links should work.

Had a lot of things going on, but I am hoping to get back into the swing of things sooner rather than later.

Rendermaker Link works, TEW AI Designer seems to be the same as before?

404

This page could not be found.

  • Thanks 1
Link to comment
Share on other sites

On 1/25/2024 at 2:29 AM, RouxBTV said:

Rendermaker Link works, TEW AI Designer seems to be the same as before?

404

This page could not be found.

Thanks for letting me know. It looks like it didn't save when I tried to make it public again, so the link should work now!

Link to comment
Share on other sites

On 12/3/2023 at 3:22 PM, John Lions said:

I think splitting tour and event graphics in 1 image was a good idea. I like how most of these turned out - I know I'm missing a few of the PGHW belts and trophies, but I got locked out of GPT and I'll clean up those + a few other missing belts and events once I'm free again.

First time making the event logos this way, so there's a change I go back and re-do a few after I get the hang of it.

PGHW is a promotion I've never really cared about at all. Reading @Scottie's PGHW diary has been pretty enjoyable, and I've found it much easier to get into Japanese touring promotions having now watched at least some NJPW. There are a few other PGHW/puro diaries kicking around the boards now that I need to catch up with. Scottie also did a fantastic job re-rendering the entirety of PGHW - you can find his renders in the general AI thread.

_____________________________________

PGHW

image.jpegimage.jpeg

EVENTS/TOURS:

PGHW_DestinyTour.jpgPGHW_Destiny.jpgPGHW_CourageTour.jpgPGHW_Courage.jpg

PGHW_GloryTour.jpgPGHW_Glory.jpgPGHW_FortitudeTour.jpgPGHW_Fortitude.jpg

PGHW_KingsTour.jpgPGHW_Kings.jpgPGHW_HonourTour.jpgPGHW_Honour.jpg

PGHW_LegacyTour.jpgPGHW_Legacy.jpgPGHW_PrideTour.jpgPGHW_Pride.jpg

PGHW_StrengthTour.jpgPGHW_Strength.jpgPGHW_RespectTour.jpgPGHW_Respect.jpg

PGHW_WrestlingTour.jpgPGHW_Wrestling.jpgPGHW_WarriorsTour.jpgPGHW_Warriors.jpg

image.jpeg

TITLES:

image.jpegimage.jpegimage.jpeg

Glory Crown / Glory Tag Crown / Historical Japan

image.jpegimage.jpegimage.jpeg

International / International Tag / Six Man

PGHW_Elite.jpgPGHW_EliteTag.jpg

Elite Series / Elite Tag Series

 

How did I miss these?! Incredible, exceptional stuff. I think I'll put them to more use than some, but they are a beautiful group of renders.

  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...