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

Arika S

Member
  • Content Count

    4,704
  • Joined

  • Last visited

Awards


This user doesn't have any awards

About Arika S

  • Title
    Tripping through Time-Fracture

Contact Methods

  • Steam
    https://steamcommunity.com/id/Arika_S

Profile Information

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

System

  • CPU
    i5-7600k (OC'd to 4.5Ghz)
  • Motherboard
    AsRock z270m-itx/ac
  • RAM
    16Gb Corsair Vengeance LPX
  • GPU
    MSI GTX 1060 armor OC 6Gb
  • Case
    Fractal Design Define Nano s
  • Storage
    1 Adata m.2, 1 Sandisk sata SSD, 2TB Seagate HDD
  • PSU
    Silverstone 500w SFX-L
  • Cooling
    Cryorig C1 w/ Corsair ML120. 2 Thermal Take Riing. 2 Fractal design fans
  • Keyboard
    Microsoft Modern Keyboard
  • Mouse
    Logitech MX Master
  • Sound
    JBL Charge 3
  • Operating System
    W10

Recent Profile Visitors

12,114 profile views

Single Status Update

See all updates by Arika S

  1. HOW I MAKE MY AVATARS.

     

    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

     

    image.png.8a72f1ace3b85dfe9a08f97a3941f262.png

     

     

     

    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

    image.png.b25f88811461759b8696d758f667a69e.png

     

    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

     

    image.png.adc2bd8c4964670c59b8fe62d05896ea.png

     

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

     

    image.png.21c818bfab83f1cbe5e8bafc6403961c.png

     

    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

     

    image.png.f5024c570a6842de99a5827d485dd38e.png

     

    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

     

    image.png.3f75dcba286270b6d6e80ebdd5e67883.png

     

    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

     

    image.png.8e7defa10c2571d6a854433963399558.png

     

    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:

    image.png.0c97a7eeba5c2337cde88431bab633e3.png

     

    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

     

    image.png.4e5887c551987ddf3c605a92fd72e87e.png

     

    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.

     

    image.png.5f226411c5ba6a2236ba231f5ac9744c.png

     

    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.

     

    image.png.6e58595792d8f005ba14631a84eebc23.png

     

    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

     

    image.png.5d52973080c6c55b600352585c5272d0.png

     

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

     

    10.png.9564ea57152788857ec731d12fdc848b.png

     

    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.

     

    11.png.fac78793a57d24384479c8d574715644.png12.png.51be2dfaebd23a0ac08fdc86eb3a79f2.png13.png.1208e7eaf76eac2966f882d3df5667cb.png

     

    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  3 more
    2. Nicnac

      Nicnac

      was expecting some kind of illustration tutorial but this is nice too :P

    3. Arika S

      Arika S

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

    4. Jessica.Fawkes

      Jessica.Fawkes

      Just used “trim”.

×