๐•Š๐•–๐•๐•—๐•š๐•– ๐•จ๐•š๐•ฅ๐•™ ๐•๐ข๐ง๐ญ๐š๐ ๐ž โ„™๐• ๐•ก ๐”ธ๐•ฃ๐•ฅ ๐•Š๐•ฅ๐•ช๐•๐•–

2,302 views

Hello guys! It's me, Grace again! With the newest and ๐ซ๐ž๐ข๐ง๐ข๐ญ๐ข๐š๐ฅ๐ข๐ณ๐ž๐ addition to Clip Studio Paint Monthly TIPS!

In this tutorial we will learn how to create a portrait, a selfie with ๐•๐ข๐ง๐ญ๐š๐ ๐ž ๐๐จ๐ฉ ๐€๐ซ๐ญ ๐ˆ๐ง๐ฌ๐ฉ๐ข๐ซ๐ž๐ ๐’๐ญ๐ฒ๐ฅ๐ž inside Clip Studio Paint.

To perform this tutorial, you can use any photo, so why not make a self-portrait or selfie in the Pop Art Style?

๐Ÿ“Œ Please note that I'm using my ๐ฉ๐ž๐ซ๐ฌ๐จ๐ง๐š๐ฅ ๐ญ๐ž๐ฑ๐ญ๐ฎ๐ซ๐ž that can't be shared anywhere because some people might think the otherwise; unless I will post into my upcoming tutorial about ๐ก๐จ๐ฐ ๐ˆ ๐œ๐ซ๐ž๐š๐ญ๐ž ๐ฆ๐ฒ ๐จ๐ฐ๐ง ๐ญ๐ž๐ฑ๐ญ๐ฎ๐ซ๐ž ๐ฉ๐š๐œ๐ค. Please enjoy this tutorial and hope you'll learn something useful in the end.

โ— Let's get started โ—

โžŠ - โ„™๐•–๐•ฃ๐•ค๐• ๐•Ÿ๐•’๐•๐•š๐•ซ๐•– ๐•๐• ๐•ฆ๐•ฃ โ„™๐•™๐• ๐•ฅ๐• 

As an example reference, we will be using a photograph โ€” a portrait of myself.

It is a pleasure to work with a portrait of your favorite person too, such as your mom and dad or even your special someone then make it as a gift for their birthday!

Of course, you can take your picture and create a self-portrait.

โž‹ - ๐”ป๐•ฃ๐• ๐•ก ๐•’๐•Ÿ๐•• โ„‚๐•ฃ๐• ๐•ก

After drag and drop your photo to Clip Studio Paint (but be sure the photo is clear enough for you too see and trace later), you might need to crop it a bit.

For this tutorial purpose, I use ๐‘๐ž๐œ๐ญ๐š๐ง๐ ๐ฅ๐ž ๐’๐ž๐ฅ๐ž๐œ๐ญ๐ข๐จ๐ง tool then ๐‡๐จ๐ฅ๐ ๐’๐ก๐ข๐Ÿ๐ญ on my keyboard before dragging the Rectangle to maintain its size as square before cropping.

See the icon on the "Before" image, it's the ๐‚๐จ๐ฉ๐ฒ ๐š๐ง๐ ๐ฉ๐š๐ฌ๐ญ๐ž function from selection tool. Click on it and it will automatically create a duplicate but cropped version of your pic.

After you click it, see on the "After" image; you will have the cropped version of your original pic.

Please note: I turned off my Ori layer, so you could see the cropped version better to understand the result.

Also by doing this, you still have access to your original pic; whether you think you need to continue making the Pop Art style with the original non-cropped version or not; it's your choice and you'll save plenty of time.

Now it's time to ๐‚๐ซ๐จ๐ฉ my entire pic to desired square image.

Using the icon that says "Crop" will cut entire canvas into the selection area of square, so be mindful by doing so; because it's really useful to remove unnecessary parts of image that you think might bother you later - but somehow the process can't be undone.

See the difference with two images above. The left one still have the transparent background, the right one already cropped fit into the square (dark grey is my Clip Studio Paint default interface background).

โžŒ - โ„๐•’๐•ค๐•ฅ๐•–๐•ฃ ๐•’๐•Ÿ๐•• ๐•๐•–๐•”๐•ฅ๐• ๐•ฃ ๐•ƒ๐•’๐•ช๐•–๐•ฃ๐•ค

โžŠ On top of my Cropped layer, there's an icon of "๐๐ž๐ฐ ๐‘๐š๐ฌ๐ญ๐ž๐ซ ๐‹๐š๐ฒ๐ž๐ซ" (marked by red box). Click on it, in my case it will create a new layer as usual with the default name of Layer 1.

โž‹ If you're checking the 2nd icon besides the New Raster Layer, it's called "๐๐ž๐ฐ ๐ฏ๐ž๐œ๐ญ๐จ๐ซ ๐ฅ๐š๐ฒ๐ž๐ซ" (marked by green box). Clicked on it, in my case it's default name is Layer 2. Note that I also reduce its opacity by 50% and fill it with white (using Alt + Backspace).

โžŒ As you can see, you'll be having the 'iconic' vector layer (green circle). That's usually the mark of 'special' and specific layers such as 3D layers & also layers with rulers. Raster layers (my original photo & Layer 1) will have no attributes on them.

By following steps below, you should ๐‘Ÿ๐‘’๐‘๐‘Ÿ๐‘œ๐‘‘๐‘ข๐‘๐‘’ ๐‘กโ„Ž๐‘’ ๐‘œ๐‘ฃ๐‘’๐‘Ÿ๐‘Ž๐‘™๐‘™ ๐‘๐‘Ÿ๐‘œ๐‘๐‘œ๐‘Ÿ๐‘ก๐‘–๐‘œ๐‘›๐‘  ๐‘œ๐‘“ ๐‘กโ„Ž๐‘’ ๐‘“๐‘Ž๐‘๐‘’; it is not necessary to go into all minor anatomical details of the image. Remember, we are creating a stylized portrait, not a copy of the photo.
๐Ÿ‘‡

First thing first, we'd like to trace the face with ๐ƒ๐ข๐ซ๐ž๐œ๐ญ ๐ƒ๐ซ๐š๐ฐ๐ข๐ง๐  tool. As you can see on GIF above; I choose ๐‚๐ฎ๐ซ๐ฏ๐ž to make some of the curvy vector lines.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
๐Ÿ—น You need to ๐‹๐ž๐Ÿ๐ญ ๐‚๐ฅ๐ข๐œ๐ค + ๐ƒ๐ซ๐š๐  the Curve line before bend it over.
๐Ÿ—น You can edit those lines later, so don't worry too much for the perfect tracing.

Now it's time to edit the curves. You need to find the ๐‹๐ข๐ง๐ž ๐‚๐จ๐ซ๐ซ๐ž๐œ๐ญ๐ข๐จ๐ง tool.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
๐Ÿ—น Choose ๐‚๐จ๐ง๐ญ๐ซ๐จ๐ฅ ๐๐จ๐ข๐ง๐ญ to add some (+) vector joints with ๐‘๐ข๐ ๐ก๐ญ ๐‚๐ฅ๐ข๐œ๐ค.
๐Ÿ—น ๐‚๐จ๐ง๐ญ๐ซ๐จ๐ฅ ๐๐จ๐ข๐ง๐ญ tool can also be useful to ๐ฆ๐จ๐ฏ๐ž ๐ญ๐ก๐ž ๐ญ๐ข๐ฉ of your curvy lines.
๐Ÿ—น You can bend those lines with ๐•๐ž๐œ๐ญ๐จ๐ซ ๐‹๐ข๐ง๐ž ๐Š๐ง๐จ๐› after adding some (+) to several lines.

The good thing is; in vector layer; you'll be able to use another tools or brushes. But ๐‘๐‘’ ๐‘ฃ๐‘’๐‘Ÿ๐‘ฆ ๐‘๐‘Ž๐‘ข๐‘ก๐‘–๐‘œ๐‘ข๐‘  ๐‘Ž๐‘๐‘œ๐‘ข๐‘ก ๐‘–๐‘ก; since if you're doing it with any brushes like watercolor or oil; they'll look messy and uncontrollable.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
๐Ÿ—น Choose ๐‘Ž๐‘›๐‘ฆ ๐‘ƒ๐‘’๐‘› to add some (+) vector joints with. Note that it will gives a lot of 'dots'.
๐Ÿ—น You can check with ๐‚๐จ๐ง๐ญ๐ซ๐จ๐ฅ ๐๐จ๐ข๐ง๐ญ for those dots.
๐Ÿ—น ๐•๐ž๐œ๐ญ๐จ๐ซ ๐‹๐ข๐ง๐ž ๐’๐ข๐ฆ๐ฉ๐ฅ๐ข๐Ÿ๐ข๐œ๐š๐ญ๐ข๐จ๐ง tool can also be useful to ๐ฌ๐ข๐ฆ๐ฉ๐ฅ๐ข๐Ÿ๐ฒ those many dots.
๐Ÿ—น You can bend those dots with ๐•๐ž๐œ๐ญ๐จ๐ซ ๐‹๐ข๐ง๐ž ๐Š๐ง๐จ๐› just fine.

So there are many ways to do the 'tracing' within vector layer, but I suggest to pick ๐๐ž๐ง or ๐ƒ๐ข๐ซ๐ž๐œ๐ญ ๐ƒ๐ซ๐š๐ฐ๐ข๐ง๐  tools as you'll be having a clean result.

You need to find the ๐‹๐ข๐ง๐ž ๐–๐ข๐๐ญ๐ก ๐‚๐จ๐ซ๐ซ๐ž๐œ๐ญ๐ข๐จ๐ง tool in order to make the lines thinner or wider.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
๐Ÿ—น Choose ๐‹๐ข๐ง๐ž ๐–๐ข๐๐ญ๐ก ๐‚๐จ๐ซ๐ซ๐ž๐œ๐ญ๐ข๐จ๐ง and check its ๐“๐จ๐จ๐ฅ ๐๐ซ๐จ๐ฉ๐ž๐ซ๐ญ๐ฒ.
๐Ÿ—น Before 'brushing'; please change the width with Thicken or Thin around 1.0.
๐Ÿ—น Change the brush size (green strokes) with either " [ " or " ] "hotkeys.
๐Ÿ—น You can make the tip of each strokes sharp with ๐•๐ž๐œ๐ญ๐จ๐ซ ๐‹๐ข๐ง๐ž ๐‚๐จ๐ซ๐ซ๐ž๐œ๐ญ๐ข๐จ๐ง.

Now we're adding more 'paths' with curves to create the eyes. This method can also be used to other things like hairs as well.

But I recommend to use this method ๐Ž๐๐‹๐˜ ๐ข๐Ÿ ๐ฒ๐จ๐ฎ'๐ ๐ฅ๐ข๐ค๐ž ๐ญ๐จ ๐ฆ๐จ๐๐ข๐Ÿ๐ฒ ๐ญ๐ก๐ž๐ข๐ซ ๐ญ๐ก๐ข๐œ๐ค๐ง๐ž๐ฌ๐ฌ using powerful tool: ๐‹๐ข๐ง๐ž ๐–๐ข๐๐ญ๐ก ๐‚๐จ๐ซ๐ซ๐ž๐œ๐ญ๐ข๐จ๐ง, if you'd prefer to do it with raster layers; modifying them later on would not be possible.

Not every paths or lines you'll have to do it with vector layers, because it's time-consuming to do so. Image above represents a new ๐‘๐š๐ฌ๐ญ๐ž๐ซ layer that I use with ๐๐จ๐ซ๐ฆ๐š๐ฅ Blending mode to show you other things I made using only ๐†-๐๐ž๐ง.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
One of many reasons I'm doing this because vector layers can ๐๐Ž๐“ fill colors using ๐…๐ข๐ฅ๐ฅ tool.
๐Ÿ‘‡

So that's why I'm using another ๐๐ž๐ฐ ๐‘๐š๐ฌ๐ญ๐ž๐ซ ๐‹๐š๐ฒ๐ž๐ซ (๐‘Ÿ๐‘’๐‘›๐‘Ž๐‘š๐‘’๐‘‘ ๐‘–๐‘ก ๐‘ก๐‘œ ๐ต๐‘Ž๐‘ ๐‘–๐‘ ๐ถ๐‘œ๐‘™๐‘œ๐‘Ÿ๐‘ ) then with ๐’๐ญ๐š๐ง๐๐š๐ซ๐ ๐‚๐จ๐ฅ๐จ๐ซ ๐’๐ž๐ญ; I choose standard skin tone to fill the outter lines of my face.

Please note that I create a group (Folder) to keep my layers organized. Inside the Folder, there are Vector Lines & Raster Lines. So I lowered my Folder's opacity around 25% before using ๐“๐ฎ๐ซ๐ง๐ข๐ฉ ๐ฉ๐ž๐ง tool.

It's wise to use limited choice of colors. My suggestion; it should be ๐ฉ๐ซ๐ข๐ฆ๐š๐ซ๐ฒ ๐œ๐จ๐ฅ๐จ๐ซ๐ฌ such as blue, red, and yellow. But you can put whichever colors you'd like. Even for pastel! I put dark pink, dark yellow and dark green to achieve retro look.

My original hair is black, but I put gray so the outlines would become visible.

Pop Art Style ๐ญ๐ž๐ง๐๐ฌ ๐ญ๐จ ๐ก๐š๐ฏ๐ž ๐ญ๐ก๐ž ๐ก๐š๐ฅ๐Ÿ๐ญ๐จ๐ง๐ž ๐ž๐Ÿ๐Ÿ๐ž๐œ๐ญ๐ฌ and little to no gradation. Next chapter, we will ๐ญ๐ฎ๐ซ๐ง ๐œ๐จ๐ฅ๐จ๐ซ ๐ ๐ซ๐š๐๐ข๐ž๐ง๐ญ๐ฌ ๐ข๐ง๐ญ๐จ ๐ก๐š๐ฅ๐Ÿ๐ญ๐จ๐ง๐ž.

โž - โ„๐•’๐•๐•—๐•ฅ๐• ๐•Ÿ๐•– โ„™๐•’๐•ฅ๐•ฅ๐•–๐•ฃ๐•Ÿ ๐”ผ๐•—๐•—๐•–๐•”๐•ฅ

Image above represents how I blend my blue with ๐–๐š๐ญ๐ž๐ซ๐œ๐จ๐ฅ๐จ๐ซ tool -> ๐๐š๐ข๐ง๐ญ ๐š๐ง๐ ๐š๐ฉ๐ฉ๐ฅ๐ฒ.

Please note that I'm using ๐€๐ฉ๐ฉ๐ซ๐จ๐ฑ๐ข๐ฆ๐š๐ญ๐ž ๐‚๐จ๐ฅ๐จ๐ซ while choosing my gradients. Two circles represent V (values) and S (saturation) sliders that can be modified from 0% to 100%. You'll notice that color range would change subtly.

By doing so, you'll having a quite range of colors to pick out. And the color separation has dynamic variations which probably will confuse you.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
Below is my modified setting to make the numbers of colors show less and more functional:
๐Ÿ‘‡

โžŠ This is my initial (default) ๐€๐ฉ๐ฉ๐ซ๐จ๐ฑ๐ข๐ฆ๐š๐ญ๐ž ๐‚๐จ๐ฅ๐จ๐ซ setting. (Just slightly modified its S and V)

โž‹ Left click on the icon (red circle) and It will open another dialog box: check โœ” ๐…๐ข๐ฑ ๐ฐ๐ข๐๐ญ๐ก ๐จ๐Ÿ ๐ญ๐ข๐ฅ๐ž: ๐Ÿ๐Ÿ“๐ฉ๐ญ (green circle) and see the tiles change dramatically.

โžŒ You can also check โœ” ๐…๐ข๐ฑ ๐ง๐ฎ๐ฆ๐›๐ž๐ซ๐ฌ ๐จ๐Ÿ ๐ฌ๐ญ๐ž๐ฉ๐ฌ ๐๐ข๐ฏ๐ข๐ฌ๐ข๐จ๐ง ๐ข๐ง๐ญ๐จ ๐Ÿ๐ŸŽ ๐ฉ๐š๐ซ๐ญ๐ฌ (๐‹) to create the tiles even much better to show.

๐Ÿ‘ Now it will be much easier for you to pick colors, the tiles of color range won't be displayed too small. I just curious why do the default setting shows too much tiles (30) for us. ๐Ÿ˜…

Using only subtle ๐–๐š๐ญ๐ž๐ซ๐œ๐จ๐ฅ๐จ๐ซ tool -> ๐๐š๐ข๐ง๐ญ ๐š๐ง๐ ๐š๐ฉ๐ฉ๐ฅ๐ฒ, I tend to create soft blends between colors as shown by image above; for skin as well as hair.
You can experiment with adding hard edges using ๐†-๐๐ž๐ง then soften the edges by watercolor again or ๐‚๐จ๐ฅ๐จ๐ซ ๐Œ๐ข๐ฑ๐ข๐ง๐  tool.

Find ๐‹๐š๐ฒ๐ž๐ซ ๐๐ซ๐จ๐ฉ๐ž๐ซ๐ญ๐ฒ then click on the โ–“ icon as image above.

You can change ๐๐ฎ๐ฆ๐›๐ž๐ซ ๐จ๐Ÿ ๐ฌ๐œ๐ซ๐ž๐ž๐ง ๐Ÿ๐ซ๐ž๐ช๐ฎ๐ž๐ง๐œ๐ฒ as you wish, but for me; I choose ๐Ÿ๐Ÿ“.๐ŸŽ. Note that frequency numbers will depend on your document pixels size. The less number you choose will results in bigger dots of ๐‡๐š๐ฅ๐Ÿ๐ญ๐จ๐ง๐ž.

๐Ÿ›ˆ ๐€๐“๐“๐„๐๐“๐ˆ๐Ž๐ :
To achieve the ๐œ๐จ๐ฅ๐จ๐ซ๐ž๐ ๐ฏ๐ž๐ซ๐ฌ๐ข๐จ๐ง ๐จ๐Ÿ ๐ฌ๐œ๐ซ๐ž๐ž๐ง ๐ก๐š๐ฅ๐Ÿ๐ญ๐จ๐ง๐ž, I suggest to copy your layer and paste it below the screen-toned layer. Then modify the top layer mode to ๐Ž๐ฏ๐ž๐ซ๐ฅ๐š๐ฒ.

There are various types of ๐‡๐š๐ฅ๐Ÿ๐ญ๐จ๐ง๐ž, image above shows you some types of halftone with ๐ƒ๐จ๐ญ ๐ฌ๐ž๐ญ๐ญ๐ข๐ง๐ ๐ฌ (red box): ๐‚๐ข๐ซ๐œ๐ฅ๐ž, ๐’๐ช๐ฎ๐š๐ซ๐ž, ๐‹๐ข๐ง๐ž, ๐ž๐ญ๐œ that would become cool if you could modify and choose them wisely. Diversity in design will boost up your whole artwork!

I choose ๐‹๐ข๐ง๐ž (green box) for the cloth and hair. ๐‚๐ข๐ซ๐œ๐ฅ๐ž for the face/skin. Also please notice that I'm using different layer mode, for example ๐Œ๐ฎ๐ฅ๐ญ๐ข๐ฉ๐ฅ๐ฒ for my hair layer.

In ๐‹๐š๐ฒ๐ž๐ซ ๐๐ซ๐จ๐ฉ๐ž๐ซ๐ญ๐ฒ, usually I differentiate the settings such as ๐๐ฎ๐ฆ๐›๐ž๐ซ ๐จ๐Ÿ ๐ฌ๐œ๐ซ๐ž๐ž๐ง ๐Ÿ๐ซ๐ž๐ช๐ฎ๐ž๐ง๐œ๐ฒ, for the cloth; I use ๐Ÿ๐ŸŽ.๐ŸŽ and for the hair ๐Ÿ๐Ÿ“.๐ŸŽ.

Also you could change the ๐€๐ง๐ ๐ฅ๐ž for some dot settings, with ๐‹๐ข๐ง๐ž; I choose to make the angles ๐Ÿ๐Ÿ๐ŸŽ and ๐Ÿ’๐Ÿ“.

Of course you could play with any styles and everything to suit your desire ๐Ÿคฃ

โžŽ - โ„๐•–๐•ฅ๐•ฃ๐•  โ„‚๐• ๐•ž๐•š๐•” ๐”น๐• ๐• ๐•œ ๐•‹๐•–๐•ฉ๐•ฅ ๐•Š๐•ฅ๐•ช๐•๐•–

In this chapter, I'd like to give slightly ๐Ÿ๐ข๐ง๐š๐ฅ ๐ญ๐จ๐ฎ๐œ๐ก to the Pop Art Style portrait of myself.

First things first, you need to find the perfect font to fit the whole ๐จ๐ฅ๐-๐ฌ๐ญ๐ฒ๐ฅ๐ž ๐œ๐จ๐ฆ๐ข๐œ ๐›๐จ๐จ๐ค feel and look. My suggestion for you to look into websites for free downloadable fonts with clear end user agreement that stated free for commercial use or just ask the permission later from the creator.

Please ๐œ๐ซ๐ž๐๐ข๐ญ ๐ญ๐ก๐ž ๐š๐ฎ๐ญ๐ก๐จ๐ซ of the typeface and kindly giving any amount of donation if you find it useful to your (preferably commercial) projects. ๐Ÿค—

Now we're going to add the title of our image using Sub Tool ๐“๐ž๐ฑ๐ญ.

You can adjust the initial ๐’๐ข๐ณ๐ž of the font, mine initially start with ๐Ÿ๐ŸŽ.๐ŸŽ but mind you; the size will be different for every document size. And the initial ๐…๐จ๐ง๐ญ of mine is Engravers MT.

Now with ๐๐š๐๐š๐๐จ๐จ๐ฆ ๐๐ (๐‘ฆ๐‘œ๐‘ข ๐‘›๐‘’๐‘’๐‘‘ ๐‘ก๐‘œ ๐‘ ๐‘’๐‘Ž๐‘Ÿ๐‘โ„Ž ๐‘–๐‘ก ๐‘œ๐‘›๐‘™๐‘–๐‘›๐‘’, ๐‘๐‘’๐‘๐‘Ž๐‘ข๐‘ ๐‘’ ๐‘–๐‘ก'๐‘  ๐‘›๐‘œ๐‘ก ๐‘ฆ๐‘œ๐‘ข๐‘Ÿ ๐‘ ๐‘ฆ๐‘ ๐‘ก๐‘’๐‘š ๐‘“๐‘œ๐‘›๐‘ก ๐‘คโ„Ž๐‘’๐‘กโ„Ž๐‘’๐‘Ÿ ๐‘ฆ๐‘œ๐‘ข'๐‘Ÿ๐‘’ ๐‘œ๐‘› ๐‘ƒ๐ถ ๐‘œ๐‘Ÿ ๐‘€๐‘Ž๐‘), and playing around with the size: ๐Ÿ—๐Ÿ“.๐ŸŽ; I'm having a good font for my Pop Art Style tutorial which satisfy me and close to what I want to achieve retro look.

Just try to have fun with your chosen font and wording, using ๐‰๐ฎ๐ฌ๐ญ๐ข๐Ÿ๐ฒ to place the font on the left, center, or right composition. For me, actually I just leave it like that.

For the ๐œ๐จ๐ฅ๐จ๐ซ, I suggest to put ๐š๐ง๐ฒ๐ญ๐ก๐ข๐ง๐  ๐ญ๐ก๐š๐ญ ๐ฏ๐ข๐ฌ๐ข๐›๐ฅ๐ž ๐š๐ง๐ ๐ซ๐ž๐š๐๐š๐›๐ฅ๐ž. White for instance, a neutral color to be modified later.

Find ๐‹๐š๐ฒ๐ž๐ซ ๐๐ซ๐จ๐ฉ๐ž๐ซ๐ญ๐ฒ then click on the ๐Ÿž‡ icon as image above.

Change the ๐“๐ก๐ข๐œ๐ค๐ง๐ž๐ฌ๐ฌ ๐จ๐Ÿ ๐ž๐๐ ๐ž๐ฌ to fit your desires. For me, I make it as bold as ๐Ÿ๐ŸŽ.๐ŸŽ so you can clearly see the border of our text.

๐‡๐จ๐ฅ๐ ๐‚๐“๐‘๐‹ + ๐‹๐ž๐Ÿ๐ญ ๐œ๐ฅ๐ข๐œ๐ค on the blank layer just like image above, it will bring out the marquee or selection parts of the Text layer.

Create New Raster Layer on top of your Text layer, then using Sub Tool ๐†๐ซ๐š๐๐š๐ญ๐ข๐จ๐ง and choose whichever gradient you'd like; for me it's ๐†๐ฅ๐จ๐ฐ ๐จ๐Ÿ ๐ฌ๐ฎ๐ง๐ฌ๐ž๐ญ.

Then start using it from below (start) to above. The direction of your gradation will follow the starting and ending points or where you click.

Please note that I'm copying the color layer (Layer 10) before applying the Halftone.

The settings of Halftone just modify the ๐๐ฎ๐ฆ๐›๐ž๐ซ ๐จ๐Ÿ ๐ฌ๐œ๐ซ๐ž๐ž๐ง ๐Ÿ๐ซ๐ž๐ช๐ฎ๐ž๐ง๐œ๐ฒ as you wish, but for me; I choose ๐Ÿ๐Ÿ“.๐ŸŽ as my personal preferences to see the dots clear enough.

Using ๐‹๐ข๐ ๐ก๐ญ๐ž๐ซ ๐‚๐จ๐ฅ๐จ๐ซ as the blending mode of copied layer, I have the effect of inverted Halftone as white dots on top of layer with gradient.

โž - ๐”พ๐•ฃ๐• ๐•ฆ๐•ก (๐”ฝ๐• ๐•๐••๐•–๐•ฃ) ๐•„๐•’๐•ค๐•œ๐•š๐•Ÿ๐•˜ ๐•‹๐•–๐•”๐•™๐•Ÿ๐•š๐•ข๐•ฆ๐•–

Now create a new Folder (or I call it Group) with ๐Ÿ’๐ŸŽ% of ๐Ž๐ฉ๐š๐œ๐ข๐ญ๐ฒ.

Put everything inside the folder then click on the ๐‚๐ซ๐ž๐š๐ญ๐ž ๐ฅ๐š๐ฒ๐ž๐ซ ๐ฆ๐š๐ฌ๐ค (red box).

Using ๐“๐ซ๐š๐ง๐ฌ๐ฉ๐š๐ซ๐ž๐ง๐œ๐ฒ from ๐‚๐จ๐ฅ๐จ๐ซ ๐’๐ฅ๐ข๐๐ž๐ซ, you could see the result of ๐†๐ซ๐จ๐ฎ๐ฉ ๐Œ๐š๐ฌ๐ค๐ข๐ง๐ ! It's like erasing, but actually it's only hide some parts of the Text.

But wait, if you ask me: ๐‘คโ„Ž๐‘ฆ ๐‘‘๐‘œ๐‘›'๐‘ก ๐‘ฆ๐‘œ๐‘ข ๐‘๐‘ข๐‘ก ๐‘กโ„Ž๐‘’ ๐‘‡๐‘’๐‘ฅ๐‘ก ๐‘๐‘’โ„Ž๐‘–๐‘›๐‘‘ ๐‘กโ„Ž๐‘’ ๐‘๐‘œ๐‘Ÿ๐‘ก๐‘Ÿ๐‘Ž๐‘–๐‘ก?

The answer is simple: to show you ๐ญ๐ก๐ž ๐ญ๐ž๐œ๐ก๐ง๐ข๐ช๐ฎ๐ž ๐ญ๐ก๐š๐ญ ๐œ๐š๐ง ๐›๐ž ๐๐จ๐ง๐ž ๐ž๐ฏ๐ž๐ง ๐ฐ๐ข๐ญ๐ก ๐Ÿ๐ฅ๐š๐ญ๐ญ๐ž๐ง ๐ข๐ฆ๐š๐ ๐ž, assuming you'll add Text or other images into the JPG file. You can't edit the layers, right?

โผ - ๐”ธ๐•—๐•ฅ๐•–๐•ฃ๐•จ๐• ๐•ฃ๐•• - ๐•†๐•๐•• ๐•“๐•ฆ๐•ฅ ๐”พ๐• ๐•๐••

Last but not least, let's modify our image to vintage look & feel!

Right click on top of your layer -> ๐‚๐ก๐จ๐จ๐ฌ๐ž ๐๐ž๐ฐ ๐‚๐จ๐ซ๐ซ๐ž๐œ๐ญ๐ข๐จ๐ง ๐‹๐š๐ฒ๐ž๐ซ -> ๐†๐ซ๐š๐๐ข๐ž๐ง๐ญ ๐Œ๐š๐ฉ

โถ Choose ๐„๐Ÿ๐Ÿ๐ž๐œ๐ญ on Gradient set, then pick ๐’๐ž๐ฉ๐ข๐š.

โท Play along with ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง to get the right result, it will affect โ„Ž๐‘œ๐‘ค ๐‘š๐‘ข๐‘โ„Ž ๐‘กโ„Ž๐‘’ ๐‘๐‘œ๐‘™๐‘œ๐‘Ÿ ๐‘ก๐‘Ÿ๐‘Ž๐‘›๐‘ ๐‘–๐‘ก๐‘–๐‘œ๐‘›๐‘  to be applied at your image. I choose ๐Ÿ๐Ÿ“ to make the dark brown more.

โธ Choose ๐’๐ฉ๐ž๐œ๐ข๐Ÿ๐ข๐ž๐ ๐œ๐จ๐ฅ๐จ๐ซ, click on the box then choose any dark colors, mine is dark brown.

โน Check ๐Ÿ—น ๐Œ๐š๐ฑ๐ข๐ง๐  ๐ซ๐š๐ญ๐ž ๐œ๐ฎ๐ซ๐ฏ๐ž, play along with the balance within Left node and Right node. You'll notice the change on your image once you adjust the values there.


After done with the correction layer, choose ๐€๐๐ for your ๐๐ฅ๐ž๐ง๐๐ข๐ง๐  ๐ฆ๐จ๐๐ž. Decreasing its ๐Ž๐ฉ๐š๐œ๐ข๐ญ๐ฒ to ๐Ÿ“๐ŸŽ%. And voila: the colors toned down to slightly gold version.

We're almost finishing our creation, now here I go: using my own texture to finish the artwork piece: for anyone who wondering what happens to my texture pack; I can't share it anywhere because of CSP policy although it's mine but next tutorial I will show you how to do it using mix media and combining with default CSP tools. Please stay tuned!

Last thing I do, using my own created texture (๐ฐ๐ข๐ฅ๐ฅ ๐›๐ž ๐ž๐ฑ๐ฉ๐ฅ๐š๐ข๐ง๐ž๐ ๐จ๐ง ๐ฎ๐ฉ๐œ๐จ๐ฆ๐ข๐ง๐  ๐ญ๐ฎ๐ญ๐จ๐ซ๐ข๐š๐ฅ ๐š๐›๐จ๐ฎ๐ญ ๐“๐ž๐ฑ๐ญ๐ฎ๐ซ๐ž); then set the ๐๐ฅ๐ž๐ง๐๐ข๐ง๐  ๐ฆ๐จ๐๐ž to ๐Œ๐ฎ๐ฅ๐ญ๐ข๐ฉ๐ฅ๐ฒ with ๐Ÿ”๐ŸŽ% ๐Ž๐ฉ๐š๐œ๐ข๐ญ๐ฒ and...

Congratulations, You're finally done!

In this tutorial, you learned how to create Vintage Pop Art Style of your portrait simply in Clip Studio Paint from scratch, tracing using only default tools and bunch of different layer properties as well as adding text with group/folder masking applied; in the end with correction layer and a bit of texture to finalize the whole old but gold style.

Hope you'll enjoy this tutorial, I tried my best to put everything so easy to understand for you guys to follow, please excuse my technical words or anything in between.

โ™จ Special thanks to Clip Studio Paint Admin & Team, for your consideration and wise decision to give me another chance to correct my mistakes ๐‘กโ„Ž๐‘Ÿ๐‘–๐‘๐‘’ then fully update it with fresh new look of vintage style and a promise of upcoming tutorial about ๐ก๐จ๐ฐ ๐ˆ ๐œ๐ซ๐ž๐š๐ญ๐ž ๐ฆ๐ฒ ๐ฉ๐ž๐ซ๐ฌ๐จ๐ง๐š๐ฅ ๐ญ๐ž๐ฑ๐ญ๐ฎ๐ซ๐ž ๐ฉ๐š๐œ๐ค. God bless your soul! ๐Ÿ˜‡

Comment

Related articles

New

New Official Articles