Jump to content
You must now use your email address to sign in [click for more info] ×

How to Scale Up and Export Good Quality Pixel Art


Recommended Posts

Hi - When I make a small pixel art piece (120 px x 100 px) for example I can make a nice piece that looks quite clear on full screen in Affinity Designer. (This is supposedly because I am using a vector application). Anyway, when I export out at this dimension the piece is very small.. Understandably so! It is only 120 x 100. If I display this in HTML at say, 300 width, then understandably the image becomes blurry.

However, if I look back at Affinity Designer and see that the art is very clear full screen, then I wonder how I can export a larger version that is still crystal clear (i.e. I want to save time making a smaller pixel piece rather than a bigger one*). I tried Document Setup and Rescale option (with larger dimensions) but this didn't seem to get the desired results on the exported file.

* Admittedly I could make a 1200 x 1000 document and use 10 px brush instead of a 1px brush, and adjust the grids (somehow) to a minimum size of 10px squares. 

Anyway, can anybody tell me how I can export a crystal clear 120 px x 100 px Pixel Art at a larger image size (e.g. 600 x 500 px) and then see crystal clear results just like the vector art I am looking at in Affinity?

Thanks

Link to comment
Share on other sites

Duplicate?

 

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 17.7, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.7

Link to comment
Share on other sites

So the art is vector until you export it, Use the Export Persona to specify a scale.

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

I just created a small (150px by 100px) logo in Designer, then exported it as a .png, entering 1500px and 1000px in the size boxes.

Logo.png.a2715d6dbb5d124013f549fa87c7f328.png

Is this sharp enough for you?

John

Windows 11, Affinity Photo 2.4.2 Designer 2.4.2 and Publisher 2.4.2 (mainly Photo).

CPU: Intel Core i5 8500 @ 3.00GHz. RAM: 32.0GB  DDR4 @ 1063MHz, Graphics: 2047MB NVIDIA GeForce GTX 1050

Link to comment
Share on other sites

1 minute ago, John Rostron said:

I just created a small (150px by 100px) logo in Designer, then exported it as a .png, entering 1500px and 1000px in the size boxes.

Logo.png.a2715d6dbb5d124013f549fa87c7f328.png

Is this sharp enough for you?

John

Hi John, Thanks for your reply. I'm wondering if this is the same scenario - I have actually done a pixel 1px brush graphic, when exporting at larger PNG it doesn't seem to give me a sharp result.. I'm wondering if what you've got here operates differently when exporting at larger size. I will try the above and see if they work. Thanks

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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.