Stretching Graphics: Prevent Strokes From Shrinking

how to stop strokes from getting smaller when stretching graphics

Stretching graphics can be a tricky business, and it's not uncommon to encounter problems with the display. One such issue is when strokes get smaller during the stretching process. This can be caused by a variety of factors, including incorrect screen resolution settings, outdated graphics drivers, or incorrect display settings. However, there are ways to prevent this from happening. For example, if you're using an Nvidia GPU, you can set the display scaling to off in the Adjust Desktop Size and Position menu. Additionally, you can control whether the stroke size gets scaled or stays the same in Adobe Illustrator by using the Transform palette. By following these tips and regularly maintaining your hardware, you can help ensure that your graphics are stretched without any unwanted distortions.

medshun

Scaling Strokes and Effects in Photoshop

Scaling Strokes with Layer Styles

One method is to utilise Layer Styles, which can be found within the Layers panel. By selecting the desired layer, choosing "Layer Style", and then "Scale Effects", you can manually adjust the percentage or use the slider to scale your layer effects accordingly. This ensures that your strokes and effects remain proportional to the size of your object.

Scaling Strokes with Image Size

Another approach is to adjust the size of your entire canvas using the "Image Size" option in the Image menu. By clicking on the gear icon in the top right corner of the Image Size dialogue window, you can access the option to “Scale Styles". Enabling this option ensures that your layer styles, including strokes, will scale along with your canvas size adjustments.

Scaling Strokes with Smart Objects

Additionally, you can convert your object into a smart object before resizing. This method helps preserve the quality of your strokes and effects, although it may introduce some blurriness.

Advanced Techniques with Layer Styles

Layer Styles offer a range of blending options that can enhance your designs. Gradients, for example, can add visual interest and depth to your strokes. By navigating to the Layer Styles panel and choosing the Gradient Overlay option, you can customise colours, blending modes, and opacity to achieve a seamless and professional look.

Troubleshooting

If you encounter issues with strokes not being applied properly, ensure that the correct selection or path is chosen before applying the stroke. Double-check the stroke options, such as size, position, and colour, to ensure they are set correctly. Additionally, if you are unable to find the desired stroke presets, you can load custom preset libraries by clicking the gear icon in the presets panel.

medshun

Scaling Strokes and Objects Proportionally in Illustrator

Scaling strokes and objects in Illustrator can be done in several ways, but by default, strokes and effects are not scaled along with objects. Here are the steps to ensure that strokes and objects are scaled proportionally:

Using the Transform Panel:

  • Go to "Window" > "Transform" to open the Transform panel.
  • Select the object or objects you want to scale.
  • In the Transform panel, check the box for "Scale Strokes & Effects" at the bottom.
  • Now, when you scale any object up or down, the stroke width will adjust proportionally.

Changing Illustrator's Preferences:

  • For Mac: Go to "Illustrator" > "Preferences" > "General" and check the box for "Scale Strokes & Effects."
  • For Windows: Go to "Edit" > "Preferences" > "General" and select "Scale Strokes & Effects."

With these settings enabled, you can use various methods to scale your objects, such as using anchor points or the Scale tool (S), and the stroke widths will scale proportionally to your illustrations.

medshun

Preventing Stretched Display on Windows

A stretched screen display can be a huge inconvenience, and there are several reasons why this might be happening. Here are some ways to prevent a stretched display on Windows:

Check Display Settings

The first step is to check your display settings. You can do this by going to the Control Panel and selecting "Display". From there, you can adjust the resolution of your display to get it back to its original size. The recommended resolution for a widescreen monitor is usually 1366x768, but it can also be set to 1260x768. Setting the resolution below this level might distort the display.

Use the Function Key

You can also try pressing and holding the Fn key on your keyboard while also holding the space bar. This might help you adjust the display without having to go into your display settings.

Use the Slider

Go to Settings and look for Display Settings. Move the slider under "Change the size of text, apps, and other items" to 100% (Recommended). Change it to the resolution that would look the best.

Modify Scaling Options

If you're using a Windows operating system, you can fine-tune the scaling options to avoid stretching. On your desktop, right-click and choose "Display settings". Then, select Advanced display settings and turn on the "Let Windows try to fix apps so they're not blurry" option under "Advanced scaling settings". Make sure that Custom scaling is set to 100% so that applications appear at their intended size.

Modify the Graphics Card Preferences

The way content appears on your widescreen monitor can also be influenced by your graphics card settings. Depending on your graphics card, right-click on your desktop and choose "Graphics Properties" or "Graphics Options". Search for options related to scaling, aspect ratio, or display settings. Select "Maintain aspect ratio" or "Centre image" as the scaling mode.

Update the Graphics Drivers

Outdated graphics drivers can sometimes cause display problems. Verify that you have the latest graphics card drivers installed on your computer by going to the official website of your graphics card manufacturer.

Check Cables and Connectors

If the above solutions don't work, check the cables and connectors that are connecting the monitor to the computer. Ensure that they are securely connected and not damaged. If the cables are damaged, you may need to replace them.

Reinstall the Graphics Driver

If all else fails, you may need to reinstall the graphics driver. Go to the manufacturer's website and download the latest driver for your device. Once you have reinstalled the driver, your screen should be back to its original size.

medshun

Fixing Stretched Screen Display Problem on Windows

A stretched screen display issue is often caused by an incorrect screen resolution setting, outdated graphics drivers, or incorrect display settings. This can result in a distorted display, with text becoming unreadable and icons appearing huge. This issue is usually caused by the user accidentally, perhaps by pressing random keys on the keyboard or monitor. However, it can also be caused by a new software update. Fortunately, this problem can be fixed without calling tech support.

Check Display Settings

  • Right-click on your desktop and select Display Settings.
  • Click on Advanced Settings and set the resolution of the screen to the recommended level. This is usually set at 1366x768, but you can also set it to 1260x768. Setting the resolution below this might distort the display.

Use the Function Key

Press and hold the Fn key on your keyboard, while also holding the space bar.

Using the Slider

  • Go to Settings and look for Display Settings.
  • Move the slider under Change the size of text, apps, and other items: 100% (Recommended). Change it to the resolution that looks the best.
  • Press the Start button and type "Change screen resolution" in the Search bar, then press Enter.
  • Select Advanced Sizing of Text and other items under Related Settings.
  • On the left-side menu, select Adjust Resolution, then select Advanced Settings.
  • Select List All Modes under the Adapter tab and choose the mode that is compatible with your resolution. It is recommended to choose nothing lower than 1280 to avoid blurry or hazy images.
  • Select OK and hit Apply. Your screen will turn black, but this is normal and it will return with improved resolution and ratio.

Update the Graphics Card Driver

Update your graphics driver to see if the problem is resolved. You can do this manually by downloading the latest version from the manufacturer's website, or you can use a free update tool like Driver Easy.

Reinstall the Graphics Card Driver

  • Open the Run window by pressing the Windows key + R.
  • Type devmgmt.msc and click OK.
  • Click on Display adapters and expand it. Locate your graphics card, right-click on it, and select Uninstall device.
  • Check the option to Delete the driver software for this device and click OK.
  • Restart your system and allow it to reinstall the driver.

medshun

Preventing Stretched Game Resolution

If you're encountering stretched or distorted graphics in your games, there are a few things you can try to fix the issue. Here are some methods to prevent stretched game resolution:

  • Check Display Settings: Go to your Desktop, right-click, and select Display Settings. Set the resolution to the recommended option, usually 1366x768, or a slightly lower resolution like 1260x768. Setting the resolution too low may cause distortion.
  • Use the Function Key: Press and hold the Fn key on your keyboard while also holding the space bar. This keyboard shortcut can quickly fix display issues without needing to access the settings.
  • Adjust Settings: Go to Settings, then Display Settings. Move the slider under "Change the size of text, apps, and other items" to 100% (Recommended). You can also adjust the screen resolution under Settings > System > Display until you find the best fit.
  • Graphics Control Panel: Open your graphics processor's Control Panel and look for a setting to maintain the 'Aspect Ratio'. For Nvidia GPUs, go to Adjust Desktop Size and Position > Aspect Ratio, and select "Perform scaling on: GPU". For Intel HD graphics, go to Display > General Settings and select "Maintain Aspect Ratio".
  • Update Graphics Drivers: Make sure you have the latest display driver installed. Visit the PC or display adapter manufacturer's website and download the latest driver for your specific model.
  • Roll Back or Uninstall Driver: If updating the driver doesn't help, try rolling back or uninstalling the current driver and restarting your PC to reinstall it. You can also try installing older drivers through Device Manager > Display device > Driver tab > Update Driver > Browse > Let Me Pick.
  • Windowed Mode: If you're playing older games that don't support your monitor's aspect ratio, try playing in windowed mode instead of fullscreen. This will add black bars on the sides but may prevent stretching.

By following these steps, you should be able to prevent stretched game resolution and enjoy your games with the correct aspect ratio and display settings.

Frequently asked questions

To stop strokes from getting smaller when scaling up in Adobe Illustrator, you need to select the "Scale Strokes and Effects" option in the Transform palette (Window > Transform). This ensures that the stroke size gets scaled up along with the object.

If you want to scale the object while keeping the stroke size the same, simply uncheck/deactivate the "Scale Strokes and Effects" option in the Transform panel. This will allow you to increase or decrease the size of the object without affecting the stroke thickness.

To maintain the stroke weight while stretching a shape in After Effects, place the shape in a separate group with no fill or stroke. Then, add the stroke under the group outside and use group transform to scale the shape before applying the stroke.

Written by
Reviewed by
Share this post
Print
Did this article help you?

Leave a comment