Inkscape.org
Beginners' Questions How to move the character in the middle of the sprite?
  1. #1
    Tudor15 Tudor15 @Tudor15

    Hello! I'm using a character sprite for a platform game. 

    A attached here the character sprite in PNG format. The sprite is downloaded from this site: 

    https://craftpix.net/freebies/free-2d-pirate-character-sprites/

    As you can see, the character is located in the left side of the sprite. And this causes problems when flipping the sprite horizontally, when changing character's direction. 

    I want to place the character on the center of the sprite. How to do this? 

     

    3 3 Pirate Idle 000
  2. #2
    Polygon Polygon @Polygon🌶

    Group all together - then align middle of page. Will this work?

  3. #3
    Tudor15 Tudor15 @Tudor15

    Do you mean to put all sprite frames on one page? 

  4. #4
    Polygon Polygon @Polygon🌶

    There are so many ways to skin a cat. When i need to design a new icon set for say an app with around 100 icons I´ll draw every icon on the final page size in one single document - place the groups via Align+Distribute to center on page for export. Seems tedious - but I like to have full control.

    You can do the same like; Draw rectangles of the final sprite size for every sprite and place these sprite groups with A+D to the center of these rectangles - the rectangle can have invisible attributes or be a bit larger than the page size and will not be exported when Export Area is =Page.

    You can now distribute sprite yb sprite on different layers and export PNG based on Layers (there´s extension for that) or you place these with the rectangle grouped sprites with A+D one by one and export from there. I hope you can follow somehow my instructions.

  5. #5
    Tudor15 Tudor15 @Tudor15

    I placed the sprite in the center of the page, by using shift + ctrl + a. 

    But I don't know how to redefine the border rectangle of the sprite, or better, how to place the character in the center of this border rectangle.

     

    Capture
  6. #6
    Polygon Polygon @Polygon🌶

    As I said already group all components of the character - add select - with rectangle and align+distribute=center horizontally/vertically. But I doubt this will work for every image/group because it will take the bounding box for the alignment and not say the body. You may need a fixed object for alignment - afaik Inkscape can´t do this as locked objects are not selectable.

     

  7. #7
    Polygon Polygon @Polygon🌶

    In the end I believe you have to move each animation frame (Sprite as group) manually in its place on the page. 

  8. #8
    Tudor15 Tudor15 @Tudor15

    Now I understand what you meant by "group all components of the character". You meant body parts. 😃

    At the beginning I thought you meant sprite frames, that's why it was confusing a bit: to group all frames together. 😂

    Thank you for the hint! 

    Now I am working on grouping all body parts together and reconstructing the sprite. 

  9. #9
    Tudor15 Tudor15 @Tudor15

    I have managed to perform the resizing in Spriter software. It has a special functionality for that. 

    Thank you anyway for the hints! 

Inkscape Inkscape.org Inkscape Forum Beginners' Questions How to move the character in the middle of the sprite?