How Can I Upload Custom Decal Gran Turismo Sport

TUTORIAL #iii: Affinity DESIGNER

At present permit'south focus on manually tracing a logo, and the tools yous'll employ! This tutorial was written by @Belifant

Affinity Designer tin be downloaded for Windows and Mac OS, and is the cheapest alternative of the three applications nosotros've covered, reasonably priced at $49.99. It does not feature a monthly subscription, so you can jump right in without a worry about affording the next month! Yous can buy it directly on their site for the Windows version, or in the App Shop if y'all're using Mac Bone.

Without further ado, let'due south showtime!

Basic introduction into Analogousness Designer:

Shapes vs. Curves

A bend is an open path that has a distinct start and finish. These finish points are defined by nodes . The path between nodes is known as a segment and can be straight or arched. A shape is a closed path with no discernible offset or end. It is made upwardly of multiple nodes and segments.

In Affinity Designer, there is another difference between curves and geometric shapes: curves are editable paths where y'all can change anything you want. Shapes are pre divers sets of curves, for example a rectangle, where yous have options to edit the shape every bit a whole and, depending on the chosen shape, have different options to change that shape, for case, add rounded corners to the rectangle:

This lets yous create very dissimilar shapes and designs very speedily, but in order to access the total control over that shape, it has to be converted into a curve.

For creating a vector bend, nosotros will work with the Pen Tool (P) and the Node Tool (A). Basically, the Pen tool is to create/convert points, the Node tool is for moving and editing them. Even though they are two separate tools, there is no need to switch between them. While the Pen tool is active, holding Control/Ctrl will temporarily activate the Node tool. Released, it will return to the Pen Tool. To move and scale complete shapes, we can apply the Move Tool (V).

Basic functionality of the pen tool and node tool:

Mouse click: creates a betoken. Move cursor to another position and click again, creates a new signal and a directly line between them.

Mouse click and elevate: creates bezier handles. Necessary to create and control curves.

Hold Command/Ctrl: temporarily activates the Node Tool.

Concur ALT: splits the bezier handles. Platonic to make abrupt corners.

Agree Shift: restrains the curve to standard axis.

This is the very bones functionality. For an in depth explanation on the Pen and Node tool in Affinity Designer, delight run into this very good website:
https://www.shortcutfoo.com/web log/affinity-designer-pen-and-node-tools-tutorial/

For a more application independent learning of the curves and points, delight try this fun petty game:
http://bezier.method.air conditioning

If y'all employ some other application, the basic principle of the to a higher place is the same everywhere.

Vectorising a logo:

Nosotros will use 3 different methods for the creation of this logo. These methods are available in all vector applications and are used for about anything.

We will:

• use shapes, and edit them.
• draw curves with the Pen tool.
• utilise boolean operations (using a shape to do something to another shape, similar deleting parts of information technology)

At present let'due south get started:

Drag your raster image you like to vectorise into Affinity Designer. Vector files are resolution contained, and so the size of your document does not affair. The image will be placed on a pixel layer. Click on that layer in the Layer's console to activate, then click the lock sign to freeze it, so this layer doesn't get in our fashion. Add together a new layer past clicking on the layer icon at the bottom of the Layer's panel.

Nosotros volition apply Shapes where we can and if necessary, modify them to fit the design. Let'southward first with the primary ring. Drag out a circle and fit it as close as possible. We may take to change the appearance of the shape, so in the color panel, disable the fill color and add a black stroke, in order for us to encounter our curves ameliorate. As yous can see, our circle does not fit the logo perfectly, so we volition convert our circle to a curve in lodge to edit information technology. Click the „Catechumen to Curves" button on elevation of the main view.

Having done this, we are getting 4 edit points for the circle. Change to the Node tool (A) and click the correct edit bespeak on the circle. Boosted handles volition appear. Dragging either the upper or lower handle point, we are able to modify the curvature of the circumvolve. Click on the upper handle signal, hold Shift (to restrain the movement to the vertical axis) and elevate it upwardly until the curvature matches the logo. Do the same on the other side.

After you have washed this, copy/paste this circle and do the other shapes, except the centre vertical one. For moving shapes around and adjust their size, you can also use the Motion Tool (5)

The whole logo could be created simply with using these circles, but we will depict the centre vertical part ourself. Grab the Pen Tool (P) and kickoff drawing out the upper „triangle". Because at that place are no straight lines, we will need to click and drag in order to create curved lines. Kickoff click and dragging on one corner, go up to the top, click and drag, become down then click on your starting point to close the curve. Don't try to match the bend perfectly at this stage. It may look like something below and that is fine, we will edit the curve after the creation.

We use the same technique every bit we did for the circle shapes in a higher place. Click on points with either the Node Tool (A) or the Pen Tool (P)with pressed Command/Ctrl button, activate the bend handles and elevate them so the curve fits the logo. As yous can come across, the two bottom points are having sharp corners. So far, we take always afflicted the curves on both sides of the edit point. In order to simply change one side, hold the ALT button and elevate a handle. Once finished, do the same for the lower office.

Nosotros have created all our curves at present. It looks skilful then far. Now, we want our logo to be filled red, and don't have the blackness outline, and then permit's do that from the color panel. Remove outline color, and fill all shapes with red.

Non really what we wanted. We want some parts of it to be transparent. That's where boolean operations come up into place. Nosotros want to add or subtract some shapes from the others. Let's start with the virtually outer shape again. Select information technology, and and then select the next inner one. With those two selected, click the subtract button on top of the principal view, and the inner circumvolve will be subtracted from the outer circle. This is what nosotros get now:

Now we need to do the same to the other shapes, either add or subtract them from each other. Select two curves, and click either the Add together or Subtract button. Note that the lodge y'all do this matters, and also the layer's position in the stack. You may have to experiment a bit to go the result we demand. The above layer will be the cut out for the below layer, then if you lot go undesired results, y'all may have to put the layer you want above or below the other. Having washed all this, nosotros become one single shape, our final logo:

If, at any betoken, you lot desire to see the simply the curves points you take created, you can activate the layer, and and then hit Command/Ctrl + Y, to see the lines:

It's not quite perfect yet, in that location are some points nosotros could delete to optimise it farther, but allow's encounter if it is even necessary to make the file size smaller. Let'due south export the logo so we can employ it in Gran Turismo Sport. Become to Export from the Menu, chose SVG for web. As y'all can encounter, we are at less than 2 kb, mode beneath the 15 kb limit of Gran Turismo Sport. Just hit consign, save the logo to a location and you're washed.

If this was a bit difficult to follow from screenshots and text solitary, I accept also recorded a video of the whole procedure:

Enjoy making decals for Gran Turismo Sport!

Good sites to discover pre-fabricated vector logos:

WorldVectorLogo
Brands of the Earth
Logopedia
Instant Logo Search
Wiki Commons

buttrosemancitagage.blogspot.com

Source: https://www.gtplanet.net/forum/threads/user-decals-a-tutorial-on-how-to-make-svg-request-in-separate-thread.361630/

Share this post