Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Arika S

  • Content Count

  • Joined

  • Last visited


This user doesn't have any awards

About Arika S

  • Title
    Tripping through Time-Fracture

Contact Methods

  • Steam

Profile Information

  • Location
  • Gender
  • Interests
    Almost everything. The world is interesting


  • CPU
    i5-7600k (OC'd to 4.6Ghz)
  • Motherboard
    AsRock z270m-itx/ac
  • RAM
    32Gb Corsair Vengeance LPX
  • GPU
    EVGA RTX 2060Super SC
  • Case
    Thermal Take Core V21
  • Storage
    Not enough
  • PSU
    Cooler Master 650W MWE
  • Cooling
    Cryorig H7. 1x 200m, 4x 140mm
  • Keyboard
    Microsoft Modern Keyboard
  • Mouse
    ROCCAT Kone AIMO (White)
  • Sound
    B&O H8i.,BeyerDynamic Beat BYRD.
  • Operating System
  • Laptop
    Lenovo Yoga 720-13 & Microsoft Surface Pro 6

Recent Profile Visitors

22,813 profile views

Single Status Update

See all updates by Arika S



    I've had this asked of me a few times but most recently on my AMA, so I decided to actually make a tutorial for those of you that care.


    This is all done in Photoshop CS5.1 but should be able to be translated into any version of PS or GIMP, just the interface might be slightly different.


    For my avatars i work at 184x184px so it's slightly larger than what the forum will display on either posts or in your profile, but not big enough that you get bad/weird compression on the forum end.


    I'll try to explain was i can as if you've had no experience with Photoshop before instead of making the assumption that you know what you're doing.


    Step 1.

    Use the Ellipse Tool to create a circle on the canvas, colour does not matter. Don't make it edge-to-edge and Top-to-bottom, have it slightly smaller than the canvas and put it in one of the corners, this allows sufficient space to have the "overflow" details since you don't want them to be cutoff at the edge of the canvas






    Step 2.

    Find the image you want to work with. something with parts that extend out from the main focus; generally hair, horns, accessories, clothing etc.


    For this tutorial I'm using this



    mainly for the red feathers on her head and the little side ponytail she has.


    Step 3.

    Make sure the circle layer is below the focus image like this




    you will then right click the focus image (in this case "Layer 10") and select "Create Clipping Mask"




    what this does is constrain the focus imagine to the bounds of the layer below. since the ellipse is a vector layer, everything outside of the shape is transparent, making the focus image become the circle including the transparency around the outside




    Step 4.

    duplicate the focus image layer (either with ctrl+J or drag the layer onto the "new layer" button) which will make another layer above the current clipping mask




    Now ctrl+click the circle vector layer (in the above imagine, the white circle, not the black colour box) to make a selection of the circle. Then right click inside the selection and select "Inverse Selection". you should see something like with with the "marching ants" both around the outside of the entire canvas and the circle




    As you can see there are parts outside of the circle, this is what will become the "overflow"


    Step 5.

    Make sure you have the newest layer selected and start erasing the background leaving the "overflow" visible, you can go as far into the circle as you wish since we still have the clipping mask underneath, just worry about the outside. While her leg is also on the outside, i erase this too as I don't want the edges of the canvas to cut anything off. the border is the circle.

    an easier method of erasing around the "overflow" is to use the pen tool to make the selection instead. that's a whole other tutorial on how to use that efficiently so it's not something i'll go into here.


    You will eventually have something like this:



    Step 6

    Now we add the borders. First ctrl+click the circle vector layer again to make our circle selection. Create a new layer onto of all the others and go to edit>stroke.


    for the first border, change the size to 4px, colour to white and make sure it's location is "inside" not "center". click OK




    then in the layer subwindow, change the blending from "normal" to "overlay". while the stroke window does have a blending section, this doesn't work with what we're trying to do.




    this will give you a brighter border around the edge of the entire circle, we want to then erase the parts to overlap the overflow so it looks like the border is going behind these parts.




    Now we add the black border. so again ctrl+click the circle vector layer to make our circle selection. Create a new layer onto of all the others and go to edit>stroke.

    however this time we will change the size to 2px and the color to black




    click OK again, erase the overlapping parts and you're done.




    it's really quite simple, you can experiment with different images, even different base shapes, the process is exactly the same :)


    Here's a few others i rushed through.




    hopefully this helps for the people that care and got this far. It's my first time writing an actual tutorial so i hope it make sense and was easy to follow, if something seems skipped or unclear let me know and I'll update it as best i can.


    1. Show previous comments  4 more
    2. Arika S

      Arika S

      pff, i wouldn't put THAT much effort into a forum display pic

    3. Jessica.Fawkes


      Just used “trim”.

    4. Pickles - One of the Jar