Tumgik
#the background is a texture filter
Text
Tumblr media Tumblr media
Took a shot at that style thing mmmm
256 notes · View notes
Text
Tumblr media
look at them having a completely normal non-manipulative friendship what good friends they all are. look at those happy smiles and ignore the red lines im sure the red has no symbolism at all hahaha
237 notes · View notes
cloudofspacedust · 10 months
Text
Tumblr media
The Chase
99 notes · View notes
mockupcloud · 5 months
Text
A vast collection of unique and very easy-to-use Photoshop Effects.
Available now at ⚡mockupcloud.com
9 notes · View notes
caffichai · 1 year
Note
could i ask what program you use? your art is so gorgeous!
Yes, certainly! And thank you very much!
For pixel art, I use Medibang Paint to draw/color. I just turn of anti-aliasing and use the normal pen brush with pressure (usually 1.5px for line art and 4 or 5px for coloring). Only reason I use it is cause it's pretty hassle free and straightforward. I find it awful to use for actual painting though.
For "painterly" pieces, I used to use Procreate, and now I use Infinite Painter (I sold my iPad and got a Tab S7+, I like it a lot better). The two programs are extremely similar, though infinite painter has nicer hand gestures. I just use a pencil or pen brush for line art, and a square-ish brush for painting. Sometimes I use the "blend" setting on the paint brush, sometimes not. (I know you didn't ask, but a matte screen protector and metal pen tip feel incredibly nice to draw with!)
After the drawing is done, I edit it using Snapseed. I think balancing light/colours after drawing sometimes makes a huge difference in making a dull picture look way nicer. Because I'm indecisive, I often make a few versions and do another pass over in medibang/infinite painter, and then post whichever version I'm feeling after!
21 notes · View notes
arolesbianism · 1 year
Text
Tumblr media
Another quick drawing from last night
11 notes · View notes
creation-help · 1 year
Text
Did you know? Or did you forget? You can do whatever you want with your art. Put random scribbles wherever. Horizontal lines over your character. Add dots everywhere and on everything. Draw eyes different than the rest of the face. Change art styles halfway through. Cut and glue paper cutouts. Use paints and markers together. Use all the filters. Use photos on top to add texture.
You can do what you want. Like literally literally literally.
Add a rubber ducky in the corner for no reason, put text in different languages on the background, leave your handprints or wipe your fingers on the paper.
Go have fun now this stuff isn't meant to be stressful for you
24K notes · View notes
fool-of-a-triceratops · 10 months
Text
One day I'll finally get into digital art enough to be okay at it and I'll post my first digital drawing of a person online and someone will have the nerve to be like "That's not real art!!! Look at how fucked up the hands are!! Wow I can't believe people are trying to fake artistic talent online," and they simply will not believe that I just suck at hands and I'll be dragged online. And that will be the day that I actually do my homework for AP Bio.
0 notes
juubli · 1 year
Text
Here are some of process snapshots of this piece of Astarion in Baldur's Gate.
Tumblr media
I am a messy painter and I often adjust and change the designs as I paint. (Mostly because I don't have the patience to do proper line art haha)
I start out with a rough sketch, I usually sketch ideas out on my ipad and move to my cintiq to work with colors.
Tumblr media
Next I block in rough color thumbnail. I keep this part messy as I just want to figure out the value structure and the overall mood.
Tumblr media
At this point, I have collected a myriad of screenshots and reference images from the game, pinterest, and also from artists work that inspires me.
Tumblr media
With the references on one screen, I start to paint the details, I work from foreground to midground to background. (Sometimes I'll bounce between the depth when I get bored from painting one thing for too long)
Tumblr media
Sometimes after I block in the colors I'll make adjustments. I didn't like how warped the perspective was getting on the building on the screen right side, so I adjusted the vanishing point and added more tiers to the design. I went back into the game and looked at more how the stairs were designed and figured it out more thoroughly with a sketch on on top.
Tumblr media
I think sitting down and doing the details is the most time consuming part. I still want the focus to be on the character despite all the detail going on the background. At this point I'm toggling on black & white filters constantly to check the value, grouping everything in the background together, making sure the lighting frames the subject in focus. At this point I realized, I forgot to paint Astarion's hair LOL, and that the bg was getting a bit too detailed, so I used a more textured brush and painted away some of the edge details of bg buildings.
Tumblr media
Last, I make final adjustments, and I make a overall lighting/fx adjustment folder. Adding in some noise, adjusting the contrast, color balance, and lighting over all and call it done!
Tumblr media
Link to Print shop!
8K notes · View notes
plutosoda · 1 month
Text
how i make character models* in paint3d
*they are not models. you cannot rig them. but for simplicity i will call them this. also this guy is the example ⬇️
Tumblr media
so. paint3d is very jank and not actually that good But it is fun to mess around with and for getting that early 2000s computer game effect for things. this program crashes and lags a lot especially when making more detailed stuff like this so. throughout this Please save your project periodically. I have lost so much to not doing this
if your computer isn't that great it's best to keep the quality setting at it's lowest. these models aren't really that detailed so it doesn't make a huge difference anyways LOL
Tumblr media Tumblr media
when you open p3d you start with a blank 2d canvas. if you've Never used the program before i recommend fucking around with 3d view + making 3d shapes for a bit. make a Thing. like just some random object. it does not have to be good it's just to get used to how the controls work (because it is different between my mouse and drawing tablet and im not going into that here LOL). the biggest positive about p3d is how user intuitive it is compared to.yknow. blender when you're done with the Thing and u want to start with your character go back to the 2d canvas/2d view for sketching time
Tumblr media
you could probably do this in another program but. i find it easier to just do it here. i keep these pretty simple and try to keep depth in mind
Tumblr media
then go to canvas and make the background transparent. and then switch to 3d view to start making the base for the model on top of the sketch
Tumblr media Tumblr media
at this point i don't use the 3d doodle shapes yet because they are finnicky as hell. the preset ones are a bit easier to control and move around so they're nicer for the planning part. what shapes you use depends on your character but my guy here is very circles and round so its just a sphere and some cylinders
Tumblr media Tumblr media
make sure you're in 3d view and checking the pose from every angle ! if ur guy looks like a roblox avatar without the assets loaded fully then that is ideal. once you're happy with the pose it's Sculpting Time
where you choose to start is up to you but i usually get the head out of the way bc it tends to be the most complicated thing.
Tumblr media
this is my best friend forever. the sharp edge is helpful for stuff like metal and whatnot though so i use them both.
Tumblr media
for stuff like hair and fur i find its easier to make a bunch of small shapes and then connect them instead of trying to do it all in one go
Tumblr media Tumblr media
^better examples with fluffier guys
this part is pretty much just personal preference for how you want your model to look though. just keep adding Stuff until it looks alright. also reminder to be saving your work bc this is when it gets really annoying if p3d crashes
Tumblr media
finished head. jus keep addin stuff. copy and paste is a godsend btw.
Tumblr media
puffier jacket. also connecting the limbs. just keep addin stuff.
Tumblr media
these take a few hours .finished limbs. pretend the backpack is there i forgot to get a progress shot of it
now it is time for the objectively best part which is painting the guy. switch back to the 2d brush but stay in 3d view and start Coloring . i only really use the watercolor brush for shading/gradients and the marker one for lines but this part is also personal preference.
Tumblr media
watercolor brush for the blue gradient and marker for the face .
Tumblr media Tumblr media
i would Not do this in 2d art but i like adding a white gradient to pastel colors like with the hair here. it compliments the soft shapes well i think. to quote a friend it Looks Gummy
Tumblr media
my silly highlights.
Tumblr media Tumblr media
almost done with the creature. also mentioning that there are different textures for objects that you can change when picking their base color. the zipper is metal so it gets to be shinier.
Tumblr media
theres also different lighting/filters to mess around with + you can doodle on the transparent canvas still.
Tumblr media Tumblr media
save ur guy as a image and/or a turnaround gif/video/whatevar u want . and thas it! you can also mess with the model more for different poses and expressions (although this is super laggy bc it has to render a bunch of shapes at this point)
Tumblr media
go make some CREACHURES !!
960 notes · View notes
mcmansionhell · 1 year
Text
dome sweet dome
As some of you may know, I have been going to language school for the last few months in order to learn the world's most widely spoken and useful language: Slovenian. At this point, my Slovenian is about as coherent as, well, a McMansion. In order to feel better about myself, I have sought out a McMansion that is worse than my cases and word-order. This house (in Naperville, IL, of course) does, in fact, make me feel better, but will probably make you feel worse:
Tumblr media
This Cheescake Factory house, built in 2005, boasts 5 bedrooms, 8.5 bathrooms and can be yours for the entirely reasonable sum of $3.5 million dollars. Also for some reason all the photos look like they are retouched with 2012-era Instagram filters.
Tumblr media
First of all, trying to visualize the floor plan of this house is like trying to rotate seven cubes individually in my mind's eye. Second, if you stand right beneath the hole in the ceiling you can get the approximate sensation of being a cartoon character who has just instantaneously fallen in love.
Tumblr media
Even if this was a relatively mundane McMansion it still would have made it into the rotation because of the creepy life-sized butler and maid. Would not want to run into them in the middle of the night.
Tumblr media
The mural is giving 1986 Laura Ashley or perhaps maybe the background they use for Cabbage Patch Kids packaging but the floor? The floor is giving Runescape texture.
Tumblr media
Have you ever seen so many real plants in your life? A veritable Eden.
Tumblr media
The overwhelming desire to push one of the chairs into the haunted jacuzzi...but in reality they probably put those chairs there to keep from accidentally falling into the tub at night.
Tumblr media
(elevator music starts playing)
Tumblr media
This is one of the all time [adjective] rooms of McMansion Hell. I personally am in love with it, though I don't think I understand it. Perhaps it is not meant to be understood.....,
Tumblr media
Continuing with the baseball theme, the guy in the painting looks how I feel after it's been raining in Ljubljana for two straight weeks. (Not ideal!!)
And finally:
Tumblr media
We love a house that has four unused balconies and also a sporting grounds that is large enough to build a whole second McMansion on top of. Everyone should so value their health.
Thank you for tuning into another edition of McMansion Hell. Be sure to check out the Patreon for the two bonus posts (a McMansion and the Good House) which both also go out today!
If you like this post and want more like it, support McMansion Hell on Patreon for as little as $1/month for access to great bonus content including a discord server, extra posts, and livestreams.
Not into recurring payments? Try the tip jar, because media work is especially recession-vulnerable.
5K notes · View notes
bixels · 24 days
Note
your animated film opening for the grand galloping 20s absolutely rules!!! what kind of effects did you use to achieve the old film grain on it (or how to achieve that look in artwork)?
In the artwork, I used canvas texture brushes and paint stroke texture overlays (I wouldn't recommend paint stroke overlays on most backgrounds you want to look "painterly" because they might look a little fake. I got away with it here because the backgrounds were all skies with minimal details).
For the filter, I used this VHS simulator program on its lowest settings: https://github.com/JargeZ/ntscqt.
165 notes · View notes
antoniosvivaldi · 8 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Neural Filters Tutorial for Gifmakers by @antoniosvivaldi
Hi everyone! In light of my blog’s 10th birthday, I’m delighted to reveal my highly anticipated gifmaking tutorial using Neural Filters - a very powerful collection of filters that really broadened my scope in gifmaking over the past 12 months.
Before I get into this tutorial, I want to thank @laurabenanti, @maines , @cobbbvanth, and @cal-kestis for their unconditional support over the course of my journey of investigating the Neural Filters & their valuable inputs on the rendering performance!
In this tutorial, I will outline what the Photoshop Neural Filters do and how I use them in my workflow - multiple examples will be provided for better clarity. Finally, I will talk about some known performance issues with the filters & some feasible workarounds.
Tutorial Structure:
Meet the Neural Filters: What they are and what they do
Why I use Neural Filters? How I use Neural Filters in my giffing workflow
Getting started: The giffing workflow in a nutshell and installing the Neural Filters
Applying Neural Filters onto your gif: Making use of the Neural Filters settings; with multiple examples
Testing your system: recommended if you’re using Neural Filters for the first time
Rendering performance: Common Neural Filters performance issues & workarounds
For quick reference, here are the examples that I will show in this tutorial:
Example 1: Image Enhancement | improving the image quality of gifs prepared from highly compressed video files
Example 2: Facial Enhancement | enhancing an individual's facial features
Example 3: Colour Manipulation | colourising B&W gifs for a colourful gifset
Example 4: Artistic effects | transforming landscapes & adding artistic effects onto your gifs
Example 5: Putting it all together | my usual giffing workflow using Neural Filters
What you need & need to know:
Software: Photoshop 2021 or later (recommended: 2023 or later)*
Hardware: 8GB of RAM; having a supported GPU is highly recommended*
Difficulty: Advanced (requires a lot of patience); knowledge in gifmaking and using video timeline assumed
Key concepts: Smart Layer / Smart Filters
Benchmarking your system: Neural Filters test files**
Supplementary materials: Tutorial Resources / Detailed findings on rendering gifs with Neural Filters + known issues***
*I primarily gif on an M2 Max MacBook Pro that's running Photoshop 2024, but I also have experiences gifmaking on few other Mac models from 2012 ~ 2023.
**Using Neural Filters can be resource intensive, so it’s helpful to run the test files yourself. I’ll outline some known performance issues with Neural Filters and workarounds later in the tutorial.
***This supplementary page contains additional Neural Filters benchmark tests and instructions, as well as more information on the rendering performance (for Apple Silicon-based devices) when subject to heavy Neural Filters gifmaking workflows
Tutorial under the cut. Like / Reblog this post if you find this tutorial helpful. Linking this post as an inspo link will also be greatly appreciated!
1. Meet the Neural Filters!
Neural Filters are powered by Adobe's machine learning engine known as Adobe Sensei. It is a non-destructive method to help streamline workflows that would've been difficult and/or tedious to do manually.
Here are the Neural Filters available in Photoshop 2024:
Tumblr media Tumblr media
Skin Smoothing: Removes blemishes on the skin
Smart Portrait: This a cloud-based filter that allows you to change the mood, facial age, hair, etc using the sliders+
Makeup Transfer: Applies the makeup (from a reference image) to the eyes & mouth area of your image
Landscape Mixer: Transforms the landscape of your image (e.g. seasons & time of the day, etc), based on the landscape features of a reference image
Style Transfer: Applies artistic styles e.g. texturings (from a reference image) onto your image
Harmonisation: Applies the colour balance of your image based on the lighting of the background image+
Colour Transfer: Applies the colour scheme (of a reference image) onto your image
Colourise: Adds colours onto a B&W image
Super Zoom: Zoom / crop an image without losing resolution+
Depth Blur: Blurs the background of the image
JPEG Artefacts Removal: Removes artefacts caused by JPEG compression
Photo Restoration: Enhances image quality & facial details
+These three filters aren't used in my giffing workflow. The cloud-based nature of Smart Portrait leads to disjointed looking frames. For Harmonisation, applying this on a gif causes Neural Filter timeout error. Finally, Super Zoom does not currently support output as a Smart Filter
If you're running Photoshop 2021 or earlier version of Photoshop 2022, you will see a smaller selection of Neural Filters:
Tumblr media Tumblr media
Things to be aware of:
You can apply up to six Neural Filters at the same time
Filters where you can use your own reference images: Makeup Transfer (portraits only), Landscape Mixer, Style Transfer (not available in Photoshop 2021), and Colour Transfer
Later iterations of Photoshop 2023 & newer: The first three default presets for Landscape Mixer and Colour Transfer are currently broken.
2. Why I use Neural Filters?
Here are my four main Neural Filters use cases in my gifmaking process. In each use case I'll list out the filters that I use:
Tumblr media
Enhancing Image Quality:
Common wisdom is to find the highest quality video to gif from for a media release & avoid YouTube whenever possible. However for smaller / niche media (e.g. new & upcoming musical artists), prepping gifs from highly compressed YouTube videos is inevitable.
So how do I get around with this? I have found Neural Filters pretty handy when it comes to both correcting issues from video compression & enhancing details in gifs prepared from these highly compressed video files.
Filters used: JPEG Artefacts Removal / Photo Restoration
Facial Enhancement:
When I prepare gifs from highly compressed videos, something I like to do is to enhance the facial features. This is again useful when I make gifsets from compressed videos & want to fill up my final panel with a close-up shot.
Filters used: Skin Smoothing / Makeup Transfer / Photo Restoration (Facial Enhancement slider)
Colour Manipulation:
Neural Filters is a powerful way to do advanced colour manipulation - whether I want to quickly transform the colour scheme of a gif or transform a B&W clip into something colourful.
Filters used: Colourise / Colour Transfer
Artistic Effects:
This is one of my favourite things to do with Neural Filters! I enjoy using the filters to create artistic effects by feeding textures that I've downloaded as reference images. I also enjoy using these filters to transform the overall the atmosphere of my composite gifs. The gifsets where I've leveraged Neural Filters for artistic effects could be found under this tag on usergif.
Filters used: Landscape Mixer / Style Transfer / Depth Blur
How I use Neural Filters over different stages of my gifmaking workflow:
I want to outline how I use different Neural Filters throughout my gifmaking process. This can be roughly divided into two stages:
Stage I: Enhancement and/or Colourising | Takes place early in my gifmaking process. I process a large amount of component gifs by applying Neural Filters for enhancement purposes and adding some base colourings.++
Stage II: Artistic Effects & more Colour Manipulation | Takes place when I'm assembling my component gifs in the big PSD / PSB composition file that will be my final gif panel.
I will walk through this in more detail later in the tutorial.
++I personally like to keep the size of the component gifs in their original resolution (a mixture of 1080p & 4K), to get best possible results from the Neural Filters and have more flexibility later on in my workflow. I resize & sharpen these gifs after they're placed into my final PSD composition files in Tumblr dimensions.
3. Getting started
The essence is to output Neural Filters as a Smart Filter on the smart object when working with the Video Timeline interface. Your workflow will contain the following steps:
Prepare your gif
In the frame animation interface, set the frame delay to 0.03s and convert your gif to the Video Timeline
In the Video Timeline interface, go to Filter > Neural Filters and output to a Smart Filter
Flatten or render your gif (either approach is fine). To flatten your gif, play the "flatten" action from the gif prep action pack. To render your gif as a .mov file, go to File > Export > Render Video & use the following settings.
Tumblr media
Setting up:
o.) To get started, prepare your gifs the usual way - whether you screencap or clip videos. You should see your prepared gif in the frame animation interface as follows:
Tumblr media
Note: As mentioned earlier, I keep the gifs in their original resolution right now because working with a larger dimension document allows more flexibility later on in my workflow. I have also found that I get higher quality results working with more pixels. I eventually do my final sharpening & resizing when I fit all of my component gifs to a main PSD composition file (that's of Tumblr dimension).
i.) To use Smart Filters, convert your gif to a Smart Video Layer.
As an aside, I like to work with everything in 0.03s until I finish everything (then correct the frame delay to 0.05s when I upload my panels onto Tumblr).
For convenience, I use my own action pack to first set the frame delay to 0.03s (highlighted in yellow) and then convert to timeline (highlighted in red) to access the Video Timeline interface. To play an action, press the play button highlighted in green.
Tumblr media
Once you've converted this gif to a Smart Video Layer, you'll see the Video Timeline interface as follows:
Tumblr media
ii.) Select your gif (now as a Smart Layer) and go to Filter > Neural Filters
Tumblr media
Installing Neural Filters:
Install the individual Neural Filters that you want to use. If the filter isn't installed, it will show a cloud symbol (highlighted in yellow). If the filter is already installed, it will show a toggle button (highlighted in green)
Tumblr media
When you toggle this button, the Neural Filters preview window will look like this (where the toggle button next to the filter that you use turns blue)
Tumblr media
4. Using Neural Filters
Once you have installed the Neural Filters that you want to use in your gif, you can toggle on a filter and play around with the sliders until you're satisfied. Here I'll walkthrough multiple concrete examples of how I use Neural Filters in my giffing process.
Example 1: Image enhancement | sample gifset
This is my typical Stage I Neural Filters gifmaking workflow. When giffing older or more niche media releases, my main concern is the video compression that leads to a lot of artefacts in the screencapped / video clipped gifs.
To fix the artefacts from compression, I go to Filter > Neural Filters, and toggle JPEG Artefacts Removal filter. Then I choose the strength of the filter (boxed in green), output this as a Smart Filter (boxed in yellow), and press OK (boxed in red).
Note: The filter has to be fully processed before you could press the OK button!
Tumblr media
After applying the Neural Filters, you'll see "Neural Filters" under the Smart Filters property of the smart layer
Tumblr media
Flatten / render your gif
Example 2: Facial enhancement | sample gifset
This is my routine use case during my Stage I Neural Filters gifmaking workflow. For musical artists (e.g. Maisie Peters), YouTube is often the only place where I'm able to find some videos to prepare gifs from. However even the highest resolution video available on YouTube is highly compressed.
Go to Filter > Neural Filters and toggle on Photo Restoration. If Photoshop recognises faces in the image, there will be a "Facial Enhancement" slider under the filter settings.
Tumblr media
Play around with the Photo Enhancement & Facial Enhancement sliders. You can also expand the "Adjustment" menu make additional adjustments e.g. remove noises and reducing different types of artefacts.
Tumblr media
Once you're happy with the results, press OK and then flatten / render your gif.
Example 3: Colour Manipulation | sample gifset
Want to make a colourful gifset but the source video is in B&W? This is where Colourise from Neural Filters comes in handy! This same colourising approach is also very helpful for colouring poor-lit scenes as detailed in this tutorial.
Here's a B&W gif that we want to colourise:
Tumblr media
Highly recommended: add some adjustment layers onto the B&W gif to improve the contrast & depth. This will give you higher quality results when you colourise your gif.
Go to Filter > Neural Filters and toggle on Colourise.
Tumblr media
Make sure "Auto colour image" is enabled.
Play around with further adjustments e.g. colour balance, until you're satisfied then press OK.
Important: When you colourise a gif, you need to double check that the resulting skin tone is accurate to real life. I personally go to Google Images and search up photoshoots of the individual / character that I'm giffing for quick reference.
Add additional adjustment layers until you're happy with the colouring of the skin tone.
Tumblr media
Once you're happy with the additional adjustments, flatten / render your gif. And voila!
Tumblr media
Note: For Colour Manipulation, I use Colourise in my Stage I workflow and Colour Transfer in my Stage II workflow to do other types of colour manipulations (e.g. transforming the colour scheme of the component gifs)
Example 4: Artistic Effects | sample gifset
This is where I use Neural Filters for the bulk of my Stage II workflow: the most enjoyable stage in my editing process!
Normally I would be working with my big composition files with multiple component gifs inside it. To begin the fun, drag a component gif (in PSD file) to the main PSD composition file.
Resize this gif in the composition file until you're happy with the placement
Tumblr media
Duplicate this gif. Sharpen the bottom layer (highlighted in yellow), and then select the top layer (highlighted in green) & go to Filter > Neural Filters
Tumblr media
I like to use Style Transfer and Landscape Mixer to create artistic effects from Neural Filters. In this particular example, I've chosen Landscape Mixer
Select a preset or feed a custom image to the filter (here I chose a texture that I've on my computer)
Tumblr media
Play around with the different sliders e.g. time of the day / seasons
Important: uncheck "Harmonise Subject" & "Preserve Subject" - these two settings are known to cause performance issues when you render a multiframe smart object (e.g. for a gif)
Tumblr media
Once you're happy with the artistic effect, press OK
To ensure you preserve the actual subject you want to gif (bc Preserve Subject is unchecked), add a layer mask onto the top layer (with Neural Filters) and mask out the facial region. You might need to play around with the Layer Mask Position keyframes or Rotoscope your subject in the process.
After you're happy with the masking, flatten / render this composition file and voila!
Tumblr media
Example 5: Putting it all together | sample gifset
Let's recap on the Neural Filters gifmaking workflow and where Stage I and Stage II fit in my gifmaking process:
i. Preparing & enhancing the component gifs
Prepare all component gifs and convert them to smart layers
Stage I: Add base colourings & apply Photo Restoration / JPEG Artefacts Removal to enhance the gif's image quality
Flatten all of these component gifs and convert them back to Smart Video Layers (this process can take a lot of time)
Some of these enhanced gifs will be Rotoscoped so this is done before adding the gifs to the big PSD composition file
ii. Setting up the big PSD composition file
Make a separate PSD composition file (Ctrl / Cmmd + N) that's of Tumblr dimension (e.g. 540px in width)
Drag all of the component gifs used into this PSD composition file
Enable Video Timeline and trim the work area
In the composition file, resize / move the component gifs until you're happy with the placement & sharpen these gifs if you haven't already done so
Duplicate the layers that you want to use Neural Filters on
iii. Working with Neural Filters in the PSD composition file
Stage II: Neural Filters to create artistic effects / more colour manipulations!
Mask the smart layers with Neural Filters to both preserve the subject and avoid colouring issues from the filters
Flatten / render the PSD composition file: the more component gifs in your composition file, the longer the exporting will take. (I prefer to render the composition file into a .mov clip to prevent overriding a file that I've spent effort putting together.)
Note: In some of my layout gifsets (where I've heavily used Neural Filters in Stage II), the rendering time for the panel took more than 20 minutes. This is one of the rare instances where I was maxing out my computer's memory.
Useful things to take note of:
Important: If you're using Neural Filters for Colour Manipulation or Artistic Effects, you need to take a lot of care ensuring that the skin tone of nonwhite characters / individuals is accurately coloured
Use the Facial Enhancement slider from Photo Restoration in moderation, if you max out the slider value you risk oversharpening your gif later on in your gifmaking workflow
You will get higher quality results from Neural Filters by working with larger image dimensions: This gives Neural Filters more pixels to work with. You also get better quality results by feeding higher resolution reference images to the Neural Filters.
Makeup Transfer is more stable when the person / character has minimal motion in your gif
You might get unexpected results from Landscape Mixer if you feed a reference image that don't feature a distinctive landscape. This is not always a bad thing: for instance, I have used this texture as a reference image for Landscape Mixer, to create the shimmery effects as seen in this gifset
5. Testing your system
If this is the first time you're applying Neural Filters directly onto a gif, it will be helpful to test out your system yourself. This will help:
Gauge the expected rendering time that you'll need to wait for your gif to export, given specific Neural Filters that you've used
Identify potential performance issues when you render the gif: this is important and will determine whether you will need to fully playback your gif before flattening / rendering the file.
Understand how your system's resources are being utilised: Inputs from Windows PC users & Mac users alike are welcome!
About the Neural Filters test files:
Contains six distinct files, each using different Neural Filters
Two sizes of test files: one copy in full HD (1080p) and another copy downsized to 540px
One folder containing the flattened / rendered test files
How to use the Neural Filters test files:
What you need:
Photoshop 2022 or newer (recommended: 2023 or later)
Install the following Neural Filters: Landscape Mixer / Style Transfer / Colour Transfer / Colourise / Photo Restoration / Depth Blur
Recommended for some Apple Silicon-based MacBook Pro models: Enable High Power Mode
How to use the test files:
For optimal performance, close all background apps
Open a test file
Flatten the test file into frames (load this action pack & play the “flatten” action)
Take note of the time it takes until you’re directed to the frame animation interface 
Compare the rendered frames to the expected results in this folder: check that all of the frames look the same. If they don't, you will need to fully playback the test file in full before flattening the file.†
Re-run the test file without the Neural Filters and take note of how long it takes before you're directed to the frame animation interface
Recommended: Take note of how your system is utilised during the rendering process (more info here for MacOS users)
†This is a performance issue known as flickering that I will discuss in the next section. If you come across this, you'll have to playback a gif where you've used Neural Filters (on the video timeline) in full, prior to flattening / rendering it.
Factors that could affect the rendering performance / time (more info):
The number of frames, dimension, and colour bit depth of your gif
If you use Neural Filters with facial recognition features, the rendering time will be affected by the number of characters / individuals in your gif
Most resource intensive filters (powered by largest machine learning models): Landscape Mixer / Photo Restoration (with Facial Enhancement) / and JPEG Artefacts Removal
Least resource intensive filters (smallest machine learning models): Colour Transfer / Colourise
The number of Neural Filters that you apply at once / The number of component gifs with Neural Filters in your PSD file
Your system: system memory, the GPU, and the architecture of the system's CPU+++
+++ Rendering a gif with Neural Filters demands a lot of system memory & GPU horsepower. Rendering will be faster & more reliable on newer computers, as these systems have CPU & GPU with more modern instruction sets that are geared towards machine learning-based tasks.
Additionally, the unified memory architecture of Apple Silicon M-series chips are found to be quite efficient at processing Neural Filters.
6. Performance issues & workarounds
Common Performance issues:
I will discuss several common issues related to rendering or exporting a multi-frame smart object (e.g. your composite gif) that uses Neural Filters below. This is commonly caused by insufficient system memory and/or the GPU.
Flickering frames: in the flattened / rendered file, Neural Filters aren't applied to some of the frames+-+
Scrambled frames: the frames in the flattened / rendered file isn't in order
Neural Filters exceeded the timeout limit error: this is normally a software related issue
Long export / rendering time: long rendering time is expected in heavy workflows
Laggy Photoshop / system interface: having to wait quite a long time to preview the next frame on the timeline
Issues with Landscape Mixer: Using the filter gives ill-defined defined results (Common in older systems)--
Workarounds:
Workarounds that could reduce unreliable rendering performance & long rendering time:
Close other apps running in the background
Work with smaller colour bit depth (i.e. 8-bit rather than 16-bit)
Downsize your gif before converting to the video timeline-+-
Try to keep the number of frames as low as possible
Avoid stacking multiple Neural Filters at once. Try applying & rendering the filters that you want one by one
Specific workarounds for specific issues:
How to resolve flickering frames: If you come across flickering, you will need to playback your gif on the video timeline in full to find the frames where the filter isn't applied. You will need to select all of the frames to allow Photoshop to reprocess these, before you render your gif.+-+
What to do if you come across Neural Filters timeout error? This is caused by several incompatible Neural Filters e.g. Harmonisation (both the filter itself and as a setting in Landscape Mixer), Scratch Reduction in Photo Restoration, and trying to stack multiple Neural Filters with facial recognition features.
If the timeout error is caused by stacking multiple filters, a feasible workaround is to apply the Neural Filters that you want to use one by one over multiple rendering sessions, rather all of them in one go.
+-+This is a very common issue for Apple Silicon-based Macs. Flickering happens when a gif with Neural Filters is rendered without being previously played back in the timeline.
This issue is likely related to the memory bandwidth & the GPU cores of the chips, because not all Apple Silicon-based Macs exhibit this behaviour (i.e. devices equipped with Max / Ultra M-series chips are mostly unaffected).
-- As mentioned in the supplementary page, Landscape Mixer requires a lot of GPU horsepower to be fully rendered. For older systems (pre-2017 builds), there are no workarounds other than to avoid using this filter.
-+- For smaller dimensions, the size of the machine learning models powering the filters play an outsized role in the rendering time (i.e. marginal reduction in rendering time when downsizing 1080p file to Tumblr dimensions). If you use filters powered by larger models e.g. Landscape Mixer and Photo Restoration, you will need to be very patient when exporting your gif.
7. More useful resources on using Neural Filters
Creating animations with Neural Filters effects | Max Novak
Using Neural Filters to colour correct by @edteachs
I hope this is helpful! If you have any questions or need any help related to the tutorial, feel free to send me an ask 💖
457 notes · View notes
passionpeachy · 9 months
Note
How do you get that gorgeous texture on your art? Are you using specific brushes, or is it the background? I wanted to try and recreate it 😅
Tumblr media
It’s usually a mix of a noise filter, textured brushes and this paper texture image I have on a low opacity “Add” layer. I think this paper texture mainly ties it all together (you won’t be able to see it well if you have a dark tumblr theme but it’s there lol)
583 notes · View notes
gudgurkan · 3 months
Note
Got any tips in shading stuff in black and white digitally?
Hi Anon!
You're in luck! I'm currently wrapping up a book which is shaded digitally, so I've been thinking a lot about this recently.
How I do this is by no means the only way, so take from these tips as much or little as you want! When I add grays and shadows to a line art drawing, I try to think about these things:
Preparing the image
I like to work with a file that has a white background and a layer with only line art on top of it. Between these two layers I add new layers where I use the pen tool and bucket to fill areas with black, then I lower the opacity for that layer to get a value that I want.
Tumblr media Tumblr media
This method works well for me, and for simpler pieces I don't need more than 3 layers with different values - light, medium and dark grays.
I work in Clip Studio. Here's a picture of the layers of a recent drawing. Each layer is actually completely black but you can see the opacity percentages by each layer. Lower percentage -> brighter value. This makes it super duper easy to change the value of a layer, no need to repaint it, just change the opacity!
Tumblr media
Value composition
For the best result, do a couple of value sketches with a limited set of values and find something that works well for the image. Getting the values right is what will improve the image the most! Here's a quick tutorial on muddycolors. Muddy Colors is a very nice art blog to check out. Looking at grayscale storyboard drawings or value sketches are great ways to pick up on this too.
I try to group values when working with grays. Take this image for example:
Tumblr media
The character in the foreground has mainly dark grays, which separates her from the background, which has mostly light grays. Then the windows are white and the roof black.
Value composition is a huge and complex area and I recommend anyone wanting to learn to be more conscious about their values and to do value sketches. Analysing art you think has good values is great too.
Shadows
Not every piece needs shadows, but they can add a lot to an image! I use three kinds of shadows when I work in grayscale.
Inked shadows - these shadows are added during the inking stage and usually show areas where light would have almost no way of getting there, such as under this tent.
Tumblr media
Gradient shadows - these shadows usually represent something getting further and further away from a light source or an area that would bounce light. This tree receives a tiny bit of light from a campfire on the ground and moonlight that bounces on the ground and up, fading as we get higher up in the tree. But mainly I add these gradients in ways that look cool and will help the overall composition.
Tumblr media
Hard shadows - these shadows appear when a strong light casts shadows and can be used on a shape or to cover something. Here's a werewolf with shadows on its back, which gives it a better sense of mass and is interesting visually!
Tumblr media
You can also cover an area in shadow like this, where the tree casts a shadow down on the archer and the cliff.
Tumblr media
Texture
I like to add a layer of noise as a finishing touch. In Clip Studio you can create a noise layer with Filter->Render->Perlin noise... Find a balance of scale and amplitude that works for the image, then change the layer mode to "Vivid Light" and lower the opacity of the layer to around 30%. I like how this looks, it's not super visible usually but helps make the drawing feel less artificial and digital.
Tumblr media
I hope that helps! Here are some nice links too:
Muddy Colors
Android Arts
Gurney Journey - Read his books!
Happy drawing!
333 notes · View notes
saradika · 11 months
Text
Tumblr media
—HOW TO USE CANVA TO MAKE MOODBOARDS
Tumblr media
I got a kind message asking how I make moodboards in Canva, so I wanted to do a little tutorial! Canva is a free graphic design app/website, and I use it for everything.
To start - open the app/page and use the search bar at the top to search for a template. I usually use: photo collage, scrapbook, aesthetic moodboard - all of these will pull up pre-made templates for you to use.
[I have a couple linked below that I’ve used and liked, or have bookmarked to try:]
one | two | three | four | five | six | seven | eight
Anything with a crown is for Canva Pro members - you used to be able to use the templates as a free member (just not the paid assets) but that changed recently. The linked templates above are all free ones that you can use right away.
PHOTOS:
Once you’re in the template, you can press the + in the bottom corner to bring up the menus. The Elements tab have items you can add in (more on that later) - for now you want to go to Uploads, and add the photos you want to use. I mostly get mine from Pinterest and Google Images.
[If you are writing an x reader fic and are looking for tips for creating an inclusive moodboard, there are some awesome resources here: one | two !]
After that, go back to your template and click on the different photo frames, and use the Replace button in the toolbar - it will let you replace the template photos with your own. Double tap to move and resize your image within the frame, (and there are also filters you can use if you want!)
When working on moodboards, I like to move things around. You can replace the frames they use by clicking on the item and then clicking the Trashcan. Then go back to the + menu, and then Elements, and scroll down to Frames. You can scroll through them all, but my fave keywords to use in the search bar is: polaroid, torn, and ripped.
Once they’re added, you can move them wherever you want. There’s a button on the toolbar that says Position, and you can shift the object forward/back between the items around it.
DETAILS:
Once you add your photos, then comes the details! You can change the background color and add/change the fonts (or upload your fave font to use!) Try out all the tools on the toolbar to see what you can do, there’s a lot of options.
I love love layering with my moodboard, so I will go back to the + / Elements tab, and then search for things to layer in. My fave searches for Graphics recently are: ripped paper, grunge patterns (to use in the background), star patterns, dried flowers, and dried leaves.
You can use the Position tool on them to fit them in-between or in front of your photos. I usually use them to hide harsh edges or in places that look a little empty.
I also like adding fabric texture to the backgrounds, to fill the space between the photo frames. There isn’t an easy way to do this - the best way I figured out is to find an image of the texture you want, and then to add a photo frame with a torn or jagged edge in the very back (and then use your new texture there). You can duplicate and move it, to cover the space (you can see some examples below - the beige flower pattern in the Din one, the black velvet for Alfred).
Here are some examples of the original templates, and then what my finished ones look like. You can see what I swapped out, moved, and added:
original image | my moodboard
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
EDITING:
Once I am happy with the design I download it, and then edit. I love this part - pop it into your fave editing app, and play around with the exposure/contrast/hues/sharpness. I will mess with the color balance & vibrancy as well - this can really take a moodboard I like, to one I love.
Here’s some gifs I made showing before /after editing - both are pretty before but I think the after has an oomph that I really appreciate.
Tumblr media Tumblr media
[When you finish with one and want to use the same template, you can click Make a Copy, and it will duplicate it. I began with templates but everything I do now are copies of heavily/edited templates or ones I’ve made from scratch. But for starting off, I think a template is the way to go!]
And that’s it!! I would really suggest just opening it up and seeing what you can do. Not all of mine turn out great, but each time I think I get a better handle on all the different options and what my moodboard style is.
I really hope this helps! And feel free to tag me if you post any you make, I’d love to see them (or drop me an ask if you have any questions!) 💖💕
Tumblr media
787 notes · View notes