I am on Periscope!

I am live on PERISCOPE between 6-9pm from Friday to Sunday every week!

 

Visit my Periscope to see the lastest boardcast —–> https://www.periscope.tv/Reebeksart/1LyGBOLvRRWJN?t=2s

 

Tutorial: The Pen and Paths on Adobe Photoshop

This is an easy tutorial for anyone who want to edit and rearrange the images with the pen and path tools. How to use the pen tool and other features and functions on Adobe Photoshop will become very useful for future projects or artworks.

Tool and Features used are:

  • pen tool
  • Paths
  • layers
  • place
  • Free Transform

let’s get Started! 

Screen Shot 2016-06-27 at 12.00.42

Step 1. Click file > New. Select sizes for example A4 sizes paper then click OK. change the orientation of the paper by image > image rotations > 90 CW. the paper will turn landscaper. This section is optional, use whether portrait or landscape.

Screen Shot 2016-06-27 at 12.00.55

Step 2. Click File > ‘Place…’ it will open your computer files,  select one image then click  ‘Place’. The image will be place as new layer. Move the image or scale it larger or smaller by the corners of the image. Once you have decided, press ‘Enter’ on the keyboard.

Screen Shot 2016-06-27 at 12.13.49

Screen Shot 2016-06-27 at 12.15.19

Note: the set the image completely, you have to click on the image with a brush tool (keyboard short cut ‘B’). A window will ask if you want to change it click ok. Now the image is set. Do not worry, you can resizes the image for later.

 

Screen Shot 2016-06-27 at 12.02.48

Step 3. Click on the Pen Tool along the tool panel (normally on the left side) or (keyboard short cut ‘B’)

Next go to the Path layer on ‘The Optional bar’. Which is located nears to Layers  or click on Windows > Paths.

Screen Shot 2016-06-27 at 12.24.44

Screen Shot 2016-06-27 at 12.26.00

 

 

Screen-Shot-2016-06-27-at-12.52.23

Once you click on Paths, Click on the icon at the bottom to ‘create a new path’.

 

 

Screen Shot 2016-06-27 at 12.34.19

 

Step 4. Zoom in or out Command ‘- + ‘(mac) Control ‘-, +’ (PC). With the pen tool start clicking around the figure making a trace. I started by clicking around the cats face. Do not click and hold as it will drag the lines.

If you made a mistake press command (MAC) Control (PC), Alt,  Z  to undo.

Note: You do not have to trace the whole image, just trace the area you want to focus on, for example, I just tracing the cats head.

Most importantly do not forget to save. Save project as a format file Photoshop (PSD)  to resume the project for later.

 

Screen Shot 2016-06-27 at 12.49.30

 

Step 5.  Join the last dots with the first dot making a link together to complete the path.

Screen Shot 2016-06-27 at 12.52.05

 

red marker Screen Shot 2016-06-27 at 12.52.23

Step 6.  Click on “load paths as selections” located at the bottom of the Path layer.

Screen Shot 2016-07-04 at 13.41.37

Step 7. click on Select > Inverse, then Edit >  Cut (control X PC/ Command X Mac)

Screen Shot 2016-07-04 at 13.44.27

Ta Da! An accurate cut of the cat’s head, now we can get very creative by adding background or re scaling the image. Click back on Layers (key F7) on optional bar or go to Windows > Layers.

 

Screen Shot 2016-07-04 at 13.50.36

Step 8. Right click on the selected layer, click on ‘Duplicate Layer’ to copy the layer.

Screen Shot 2016-07-04 at 13.55.14

Step 9. Press V on keyboard for the Move tool. Click on the image and move it across. You will see to copies of the image but on different layers. Click back to the first layer and press command, T Mac / control, T PC for Free Transform  right-click > flip horizontal.

Note: To deleted a Layer just simple select the layer, right-click > delete layer.

 

silhouette (optional)

You have already create a path of the figure. why not add a silhouette of the cropped image

Screen Shot 2016-07-04 at 14.04.58

New layer (Shift, command, N MAC / Shift, control, N PC) then go to Path tool on the optional bar as in Step 3 select the path layer you created earlier. At the bottom, Click on Fill path with foreground icon.

Screen Shot 2016-07-04 at 14.06.51

 

Screen Shot 2016-07-04 at 14.09.10

 

Another cool tool on Path is stroke line, just click on Stroke Path with brush to create and outline. Make sure the foreground is not the same colour.

sh2

screenshot 3
Screen Shot 2016-07-04 at 14.16.09

 

That is the basic of using Pen and Paths tools on Photoshop. You can create very unique college. Practice and see what you will create.

Once you totally finished your work or practice. Click on File Save as… choose a different. File JPEG to save it as an image file.

Screen Shot 2016-07-04 at 14.19.38

 

Screen Shot 2016-07-04 at 14.21.07

Choose the quaintly of the image you want it to be. the higher the quality the larger the file will be.

cat college

If you have any suggestion or feedback back on this tutorial please make comment. Also anymore Photoshop tutorial you want me to do on please make a suggestion or idea, i be very happy to do it.

Creative Plan and Actions for this Summer

Header image was done on Photoshop 

My creative actions plan for this summer is getting back into rhythm of doing watercolouring and drawing again, more on doing the thing I always do naturally after I graduated from university and will continue to pursue it. I have time to establish myself online and maybe on to selling my work.

A self-help book called  ‘I can make you happy’ by Paul McKenna  has really helped me enjoy the thing i really like doing. When I was in university I had pressure trying to pass my course and to live up to expectation of an artist and what type of art will make the most success. I was so condition to think in the certain way that  was not my true expression. I don’t mind doing commercial work such as food illustrations. I just feel very stressed out after graduated from university. It is every hard for young people, like myself getting out there finding work.

Luckily I had two commissions this year, it was good experience but I wanted to take a break mentally and sort out other issues. I think I will consider job searching in my late 20s or 30 when I have enough experience to face the real work. I am considering starting by doing volunteering work to get experience and build on skills such as communications and team work, then search for paying work.

The Paul Mckenna self help book ‘I can make you happy’ put things into perspective and de-stressed from negative thoughts. I feel more happier, being happy feel very positive and bright. I do not suffer from anxiety as much, I get good sleep and i regularly exercise to improve my strength.

Now I have the energy for creative writing this blogs and continue practising water colouring and drawing. Plus also I am working on posting watercolour or Photoshop tutorials.

Simple Atmospheric Manga Portrait Watercolour tutorial

Watercolour is a beautiful medium, you can create spontaneous washes and effect with watercolours. Why not with manga, some manga artists uses watercolour as their preferred medium. On this tutorial is about brush control and colour washes to create unique, experimental watercolour work if you are interest in both watercolours and manga.

Lets go!

Photo 23-06-2016, 12 31 00

Step 1. Draw lightly the face with a pencil, do not draw too hard. Use heavy weight paper for better absorption.  Use either Cold press or Hot press watercolour paper, 300grams or up.

Note: Watercolour Postcards are ideal for quick water colouring. You can buy them at art shops and is not too expensive. 

Make the drawing simple, you don’t want too many pencil marks when watercolouring.

Photo 23-06-2016, 12 36 52

Step 2. Outline the drawing with a black liner pen. Leave some lines untouched, focus on what really need detail which is the eyes, nose, mouth, hair and ears.

 

Photo 23-06-2016, 12 38 15Photo 23-06-2016, 12 43 21

Step 3. When you have completed the outline, erase the pencil lines underneath the pen lines.

Note: I left the pencil line on the eyes for guide.

Photo 23-06-2016, 12 45 23

Now is it ready for watercolour!

Photo 23-06-2016, 16 18 23

Step 4. With a medium size brush start painting the edge with a single colour and apply shadow to the face. no need to paint area again once you have made a stroke.

Photo 23-06-2016, 16 19 21

Step 5. Blend the edges of the colours with a clean damp brush. Let the colour bleed into the white surface.

Photo 23-06-2016, 16 25 37

Step 6. Take your time building up the surface with the same colour and use a damp clean brush to bleed the colour in more.

Photo 23-06-2016, 16 28 52

Step 7. With a smaller brush colouring in the eyes. apply shadow to the nose and lower lip.

Photo 23-06-2016, 16 34 10Photo 23-06-2016, 16 35 04

Step 8. Choose a similar but darker colour to paint the darker area on the hair and around the body.

Photo 23-06-2016, 16 36 44Photo 23-06-2016, 16 38 50

Step 9. Use a damp clean brush to spread the colour around the figure, creating background wash.

Do not worry if the colours blends into unnecessary areas. Just let the colours flow and make happy mistakes.

Photo 23-06-2016, 16 42 52

Step 10. With a smaller brush add darker hue on the eyes.

Photo 23-06-2016, 16 43 53 Photo 23-06-2016, 16 44 21

Step 11. apply more colours on the body and with a clean wet brush blend in the colour.

Photo 23-06-2016, 16 53 25

Do not be afraid to add in an another colour on different areas. Be spontaneous with the colours.

Watercolour is all about the use of colours.

When the paint is dry, you can add final details with a white gel pen to highlights the eyes or hair.

Ta Da! You have completed a manga portrait with watercolours! 

Experiment more watercolour portrait on friend or families. Have fun with this exercise and see what you will create.

 

Manga portrait, by Rebekah Joseph
Manga portrait, by Rebekah Joseph