How to achieve this dot-matrix-printed/pixelated effect?
Clash Royale CLAN TAG#URR8PPP
The above image is a Windows 95 default background. I wanted to know how they achieved this effect and was wondering if it is possible in Photoshop or if I need a dot-matrix printer or maybe a graphic-design program from the 90's to replicate it.
adobe-photoshop pixelation
add a comment |
The above image is a Windows 95 default background. I wanted to know how they achieved this effect and was wondering if it is possible in Photoshop or if I need a dot-matrix printer or maybe a graphic-design program from the 90's to replicate it.
adobe-photoshop pixelation
add a comment |
The above image is a Windows 95 default background. I wanted to know how they achieved this effect and was wondering if it is possible in Photoshop or if I need a dot-matrix printer or maybe a graphic-design program from the 90's to replicate it.
adobe-photoshop pixelation
The above image is a Windows 95 default background. I wanted to know how they achieved this effect and was wondering if it is possible in Photoshop or if I need a dot-matrix printer or maybe a graphic-design program from the 90's to replicate it.
adobe-photoshop pixelation
adobe-photoshop pixelation
edited Feb 9 at 10:03
Wrzlprmft♦
11k44474
11k44474
asked Feb 8 at 19:09
jomojomo
382
382
add a comment |
add a comment |
5 Answers
5
active
oldest
votes
Open a photograph in Photoshop
Do Image > Adjusments > Desaturate
Then Image > Mode > Indexed color, and use the settings shown below.
Note: Afterwards, you can switch back to other modes such as RGB for further editing, by using Image > Mode > RGB
add a comment |
It's not dot-matrix printing simulation. It's stipple effect - a form of halftoning. It's well possible that some older software could use dot matrix printers this way to make greyshades with halftoning. As far as I know, generally the results of greyscale printing with dot matrix printers resembled much more the computer+hands image that user Danielillo has attached to his explanation. White was got by no hit, light grey = one hit, dark grey = two hits at the same place.
Photoshop is already discussed well, so I insert other possiblities:
The finest results I have seen were produced by using Astute Graphics plugin Stipplism for Illustrator. It costs some money, but free raster image editors have usable methods, too.
In GIMP you can convert a desaturated RGB image to Indexed mode (Image > Mode > Indexed) with certain settings and get quite good results. The key is to use Floyd-Steinberg Dithering method. Start with 1 bit black and white coloring. You can also experiment with a few more colors to get more possible shades of grey with the same number of dots.
This is an example of the results in GIMP:
This is the original and the conversion dialog:
The resulted image is indexed, but you can convert it back to RGB or normal grayscale, if needed and you do not lose the quality. But the file size grows.
In Krita you can use BW > Dithering effect of the included G'MIC filter pack and get quite same final result See a screenshot:
You should note that the simulated greyscale isn't complete nor fully linear, so you probably must experiment with curves tool to get well transformable greyscale. In G'MIC package's BW > Dither you have gamma, contrast and brightness sliders which partially do the same.
NOTE: If you have too high resolution in the original image, the result is easily so dense that it fights with the display pixel grid producing weird interference patterns. Printing also needs some care for the same reason.
add a comment |
Image from unsplash.com
From Photoshop:
- Menu Image → Mode → Grayscale
- Menu Image → Mode → Bitmap → Method Use: Halftone Screen
- Shape: Square
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
add a comment |
It is a black and white dithering effect you can have in many graphics software. For illustration I used the G'MIC filters which can be used for free online, or as a plugin to Gimp.
Source:Pixabay
Filter > Black & White > Dithering
For more options there also is a filter Pattern > Halftone which is available in the plugin only.
add a comment |
This technique is called dithering. It's not primarily used as an effect, but as a method of choosing the pixel values used when doing colour reduction on an image (e.g. conversion to an indexed palette).
There are many dithering algorithms available. Some produce an obvious regular pattern, while some - like this one - produce a more scattered effect. The above page on dithering provides many examples.
I remember that image - it's a black-and-white copy of the setup.bmp image that came with Windows 95 (it was originally black and blue, but otherwise exactly the same).
It's hard to know the exact algorithm that was used on it, but it looks quite a bit like Floyd-Steinberg dithering:
This algorithm can be chosen in GIMP when converting an image to use Indexed mode.
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "174"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f120174%2fhow-to-achieve-this-dot-matrix-printed-pixelated-effect%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
5 Answers
5
active
oldest
votes
5 Answers
5
active
oldest
votes
active
oldest
votes
active
oldest
votes
Open a photograph in Photoshop
Do Image > Adjusments > Desaturate
Then Image > Mode > Indexed color, and use the settings shown below.
Note: Afterwards, you can switch back to other modes such as RGB for further editing, by using Image > Mode > RGB
add a comment |
Open a photograph in Photoshop
Do Image > Adjusments > Desaturate
Then Image > Mode > Indexed color, and use the settings shown below.
Note: Afterwards, you can switch back to other modes such as RGB for further editing, by using Image > Mode > RGB
add a comment |
Open a photograph in Photoshop
Do Image > Adjusments > Desaturate
Then Image > Mode > Indexed color, and use the settings shown below.
Note: Afterwards, you can switch back to other modes such as RGB for further editing, by using Image > Mode > RGB
Open a photograph in Photoshop
Do Image > Adjusments > Desaturate
Then Image > Mode > Indexed color, and use the settings shown below.
Note: Afterwards, you can switch back to other modes such as RGB for further editing, by using Image > Mode > RGB
edited Feb 8 at 22:12
answered Feb 8 at 21:29
Billy KerrBilly Kerr
27.2k22058
27.2k22058
add a comment |
add a comment |
It's not dot-matrix printing simulation. It's stipple effect - a form of halftoning. It's well possible that some older software could use dot matrix printers this way to make greyshades with halftoning. As far as I know, generally the results of greyscale printing with dot matrix printers resembled much more the computer+hands image that user Danielillo has attached to his explanation. White was got by no hit, light grey = one hit, dark grey = two hits at the same place.
Photoshop is already discussed well, so I insert other possiblities:
The finest results I have seen were produced by using Astute Graphics plugin Stipplism for Illustrator. It costs some money, but free raster image editors have usable methods, too.
In GIMP you can convert a desaturated RGB image to Indexed mode (Image > Mode > Indexed) with certain settings and get quite good results. The key is to use Floyd-Steinberg Dithering method. Start with 1 bit black and white coloring. You can also experiment with a few more colors to get more possible shades of grey with the same number of dots.
This is an example of the results in GIMP:
This is the original and the conversion dialog:
The resulted image is indexed, but you can convert it back to RGB or normal grayscale, if needed and you do not lose the quality. But the file size grows.
In Krita you can use BW > Dithering effect of the included G'MIC filter pack and get quite same final result See a screenshot:
You should note that the simulated greyscale isn't complete nor fully linear, so you probably must experiment with curves tool to get well transformable greyscale. In G'MIC package's BW > Dither you have gamma, contrast and brightness sliders which partially do the same.
NOTE: If you have too high resolution in the original image, the result is easily so dense that it fights with the display pixel grid producing weird interference patterns. Printing also needs some care for the same reason.
add a comment |
It's not dot-matrix printing simulation. It's stipple effect - a form of halftoning. It's well possible that some older software could use dot matrix printers this way to make greyshades with halftoning. As far as I know, generally the results of greyscale printing with dot matrix printers resembled much more the computer+hands image that user Danielillo has attached to his explanation. White was got by no hit, light grey = one hit, dark grey = two hits at the same place.
Photoshop is already discussed well, so I insert other possiblities:
The finest results I have seen were produced by using Astute Graphics plugin Stipplism for Illustrator. It costs some money, but free raster image editors have usable methods, too.
In GIMP you can convert a desaturated RGB image to Indexed mode (Image > Mode > Indexed) with certain settings and get quite good results. The key is to use Floyd-Steinberg Dithering method. Start with 1 bit black and white coloring. You can also experiment with a few more colors to get more possible shades of grey with the same number of dots.
This is an example of the results in GIMP:
This is the original and the conversion dialog:
The resulted image is indexed, but you can convert it back to RGB or normal grayscale, if needed and you do not lose the quality. But the file size grows.
In Krita you can use BW > Dithering effect of the included G'MIC filter pack and get quite same final result See a screenshot:
You should note that the simulated greyscale isn't complete nor fully linear, so you probably must experiment with curves tool to get well transformable greyscale. In G'MIC package's BW > Dither you have gamma, contrast and brightness sliders which partially do the same.
NOTE: If you have too high resolution in the original image, the result is easily so dense that it fights with the display pixel grid producing weird interference patterns. Printing also needs some care for the same reason.
add a comment |
It's not dot-matrix printing simulation. It's stipple effect - a form of halftoning. It's well possible that some older software could use dot matrix printers this way to make greyshades with halftoning. As far as I know, generally the results of greyscale printing with dot matrix printers resembled much more the computer+hands image that user Danielillo has attached to his explanation. White was got by no hit, light grey = one hit, dark grey = two hits at the same place.
Photoshop is already discussed well, so I insert other possiblities:
The finest results I have seen were produced by using Astute Graphics plugin Stipplism for Illustrator. It costs some money, but free raster image editors have usable methods, too.
In GIMP you can convert a desaturated RGB image to Indexed mode (Image > Mode > Indexed) with certain settings and get quite good results. The key is to use Floyd-Steinberg Dithering method. Start with 1 bit black and white coloring. You can also experiment with a few more colors to get more possible shades of grey with the same number of dots.
This is an example of the results in GIMP:
This is the original and the conversion dialog:
The resulted image is indexed, but you can convert it back to RGB or normal grayscale, if needed and you do not lose the quality. But the file size grows.
In Krita you can use BW > Dithering effect of the included G'MIC filter pack and get quite same final result See a screenshot:
You should note that the simulated greyscale isn't complete nor fully linear, so you probably must experiment with curves tool to get well transformable greyscale. In G'MIC package's BW > Dither you have gamma, contrast and brightness sliders which partially do the same.
NOTE: If you have too high resolution in the original image, the result is easily so dense that it fights with the display pixel grid producing weird interference patterns. Printing also needs some care for the same reason.
It's not dot-matrix printing simulation. It's stipple effect - a form of halftoning. It's well possible that some older software could use dot matrix printers this way to make greyshades with halftoning. As far as I know, generally the results of greyscale printing with dot matrix printers resembled much more the computer+hands image that user Danielillo has attached to his explanation. White was got by no hit, light grey = one hit, dark grey = two hits at the same place.
Photoshop is already discussed well, so I insert other possiblities:
The finest results I have seen were produced by using Astute Graphics plugin Stipplism for Illustrator. It costs some money, but free raster image editors have usable methods, too.
In GIMP you can convert a desaturated RGB image to Indexed mode (Image > Mode > Indexed) with certain settings and get quite good results. The key is to use Floyd-Steinberg Dithering method. Start with 1 bit black and white coloring. You can also experiment with a few more colors to get more possible shades of grey with the same number of dots.
This is an example of the results in GIMP:
This is the original and the conversion dialog:
The resulted image is indexed, but you can convert it back to RGB or normal grayscale, if needed and you do not lose the quality. But the file size grows.
In Krita you can use BW > Dithering effect of the included G'MIC filter pack and get quite same final result See a screenshot:
You should note that the simulated greyscale isn't complete nor fully linear, so you probably must experiment with curves tool to get well transformable greyscale. In G'MIC package's BW > Dither you have gamma, contrast and brightness sliders which partially do the same.
NOTE: If you have too high resolution in the original image, the result is easily so dense that it fights with the display pixel grid producing weird interference patterns. Printing also needs some care for the same reason.
edited Feb 9 at 8:56
answered Feb 8 at 20:16
user287001user287001
22.3k21237
22.3k21237
add a comment |
add a comment |
Image from unsplash.com
From Photoshop:
- Menu Image → Mode → Grayscale
- Menu Image → Mode → Bitmap → Method Use: Halftone Screen
- Shape: Square
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
add a comment |
Image from unsplash.com
From Photoshop:
- Menu Image → Mode → Grayscale
- Menu Image → Mode → Bitmap → Method Use: Halftone Screen
- Shape: Square
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
add a comment |
Image from unsplash.com
From Photoshop:
- Menu Image → Mode → Grayscale
- Menu Image → Mode → Bitmap → Method Use: Halftone Screen
- Shape: Square
Image from unsplash.com
From Photoshop:
- Menu Image → Mode → Grayscale
- Menu Image → Mode → Bitmap → Method Use: Halftone Screen
- Shape: Square
edited Feb 8 at 19:31
answered Feb 8 at 19:24
DanielilloDanielillo
22.6k13378
22.6k13378
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
add a comment |
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
Bless you Danielillo! :)
– jomo
Feb 8 at 19:35
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
That looks like Fax, not like Dithering
– Thomas Weller
Feb 9 at 21:42
add a comment |
It is a black and white dithering effect you can have in many graphics software. For illustration I used the G'MIC filters which can be used for free online, or as a plugin to Gimp.
Source:Pixabay
Filter > Black & White > Dithering
For more options there also is a filter Pattern > Halftone which is available in the plugin only.
add a comment |
It is a black and white dithering effect you can have in many graphics software. For illustration I used the G'MIC filters which can be used for free online, or as a plugin to Gimp.
Source:Pixabay
Filter > Black & White > Dithering
For more options there also is a filter Pattern > Halftone which is available in the plugin only.
add a comment |
It is a black and white dithering effect you can have in many graphics software. For illustration I used the G'MIC filters which can be used for free online, or as a plugin to Gimp.
Source:Pixabay
Filter > Black & White > Dithering
For more options there also is a filter Pattern > Halftone which is available in the plugin only.
It is a black and white dithering effect you can have in many graphics software. For illustration I used the G'MIC filters which can be used for free online, or as a plugin to Gimp.
Source:Pixabay
Filter > Black & White > Dithering
For more options there also is a filter Pattern > Halftone which is available in the plugin only.
answered Feb 8 at 19:51
TakkatTakkat
9,61312341
9,61312341
add a comment |
add a comment |
This technique is called dithering. It's not primarily used as an effect, but as a method of choosing the pixel values used when doing colour reduction on an image (e.g. conversion to an indexed palette).
There are many dithering algorithms available. Some produce an obvious regular pattern, while some - like this one - produce a more scattered effect. The above page on dithering provides many examples.
I remember that image - it's a black-and-white copy of the setup.bmp image that came with Windows 95 (it was originally black and blue, but otherwise exactly the same).
It's hard to know the exact algorithm that was used on it, but it looks quite a bit like Floyd-Steinberg dithering:
This algorithm can be chosen in GIMP when converting an image to use Indexed mode.
add a comment |
This technique is called dithering. It's not primarily used as an effect, but as a method of choosing the pixel values used when doing colour reduction on an image (e.g. conversion to an indexed palette).
There are many dithering algorithms available. Some produce an obvious regular pattern, while some - like this one - produce a more scattered effect. The above page on dithering provides many examples.
I remember that image - it's a black-and-white copy of the setup.bmp image that came with Windows 95 (it was originally black and blue, but otherwise exactly the same).
It's hard to know the exact algorithm that was used on it, but it looks quite a bit like Floyd-Steinberg dithering:
This algorithm can be chosen in GIMP when converting an image to use Indexed mode.
add a comment |
This technique is called dithering. It's not primarily used as an effect, but as a method of choosing the pixel values used when doing colour reduction on an image (e.g. conversion to an indexed palette).
There are many dithering algorithms available. Some produce an obvious regular pattern, while some - like this one - produce a more scattered effect. The above page on dithering provides many examples.
I remember that image - it's a black-and-white copy of the setup.bmp image that came with Windows 95 (it was originally black and blue, but otherwise exactly the same).
It's hard to know the exact algorithm that was used on it, but it looks quite a bit like Floyd-Steinberg dithering:
This algorithm can be chosen in GIMP when converting an image to use Indexed mode.
This technique is called dithering. It's not primarily used as an effect, but as a method of choosing the pixel values used when doing colour reduction on an image (e.g. conversion to an indexed palette).
There are many dithering algorithms available. Some produce an obvious regular pattern, while some - like this one - produce a more scattered effect. The above page on dithering provides many examples.
I remember that image - it's a black-and-white copy of the setup.bmp image that came with Windows 95 (it was originally black and blue, but otherwise exactly the same).
It's hard to know the exact algorithm that was used on it, but it looks quite a bit like Floyd-Steinberg dithering:
This algorithm can be chosen in GIMP when converting an image to use Indexed mode.
edited yesterday
answered Feb 9 at 11:36
mwfearnleymwfearnley
1334
1334
add a comment |
add a comment |
Thanks for contributing an answer to Graphic Design Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f120174%2fhow-to-achieve-this-dot-matrix-printed-pixelated-effect%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown