Making the Beauty page

The idea for this page started quite a while back and comes from my love of make-up. I sent this email out containing a lot of photos of emerald make-up. I was interested to see if anyone else liked it. Most did.
email

I looked up the Pantone site to learn more.
pantone
http://www.pantone.co.uk/pages/index.aspx?pg=21055

They have a swatch you can download for Photoshop for FREE which is great.
download
http://www.pantone.co.uk/pages/index.aspx?pg=21055

I looked at lots of photos on Google image search. It was difficult to choose between them. Even though they are all beautiful, I couldn’t use all of them. Here are the ones I didn’t use.
148991_383026141744110_1063742694_n
https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/148991_383026141744110_1063742694_n.jpg

full
http://theglossy.sephora.com/articles/362/making-faces-sephora-pantone-shocked-winged-line?stm_cat=How-To&stm_prods=yes&stm_type=image

full (2)
http://theglossy.sephora.com/articles/344/?stm_cat=&stm_prods=no&stm_type=image

full (5)
http://theglossy.sephora.com/articles/345/?stm_cat=News&stm_prods=no&stm_type=image

full (4)
http://theglossy.sephora.com/articles/378/?stm_cat=&stm_prods=no&stm_type=image

green-glitter-eyeliner-closeup1
http://chromachameleon.files.wordpress.com/2012/11/green-glitter-eyeliner-closeup1.png

emerald_pantone color 2013
http://3.bp.blogspot.com/-dpgLMkqTOBU/UOB7UIUP88I/AAAAAAAAJbs/v4RLpZvC0DM/s1600/emerald_pantone+color+2013.jpg

s1481068-main-Lhero
http://www.sephora.com/color-theory-shadow-block-P378346

s1306208-main-Lhero
http://www.sephora.com/product/productDetail.jsp?keyword=1306208&skuId=1306208&productId=P280408&_requestid=102191&om_mmc=oth-tum-012313-product-urbandecay-247glide-onshadowpencil-emeraldcarroll#

victoria-justice-golden-globes-makeup-01
http://www.teenvogue.com/beauty/celebrity-beauty/2013-01/victoria-justice-golden-globes-makeup/?slide=1

make-up-for-ever-eyeshadow-iridescent-lagoon-green-168
http://i.beautylish.co/lT-W7qB5MYr8bp9I6oidhQHCAcI/bb_p-81/make-up-for-ever-eyeshadow-iridescent-lagoon-green-168.jpg

s1510155-main-Lhero
http://www.sephora.com/product/productDetail.jsp?keyword=COLORSMASH&skuId=1510155&productId=P378140&_requestid=101012&om_mmc=oth-tum-022813-colorsmash

18
http://coloroftheyear.sephora.com/collection/glitter-strobe-eyeliner-set

34 (4)
http://coloroftheyear.sephora.com/collection/color-cube-lid-liner-stain

34 (3)
http://coloroftheyear.sephora.com/collection/color-sculpting-kabuki-brush

34 (5)
http://coloroftheyear.sephora.com/collection/mini-graphic-effect-lacquers

34 (6)
http://coloroftheyear.sephora.com/collection/prismatic-glitter-false-eyelashes

Here are the photos I did use.
makiyazh-foto-15
http://makeuprule.com/images/2013/december-2012/makeup-1/makiyazh-foto-15.jpg

aqua-cream-22-hi-res
http://toyarosie.files.wordpress.com/2011/09/aqua-cream-22-hi-res.jpg

full (1)
http://theglossy.sephora.com/articles/340/making-faces-sephora-pantone-universe-?stm_cat=How-To&stm_prods=yes&stm_type=image

medium (1)
http://theglossy.sephora.com/articles/380/?stm_cat=&stm_prods=no&stm_type=image

s1481050-main-Lhero
http://www.sephora.com/color-theory-shadow-block-P378345

For the column on the far right hand side I made a little link showing four emerald nail varnishes.
chinaglaze

http://www.beautezine.com/wp-content/uploads/2012/07/China-Glaze-Safari-2693.jpg

OPI

http://www.hairhousewarehouse.com.au/~/media/Images/Products/OPI/OPI%20NLH45.ashx?w=450&h=450&thn=1

ciate
http://a.bimg.dk/node-images/321/6/2048x-u/6321958-smaraccent.jpg

NUBAR
http://cdn2-b.examiner.com/images/blog/EXID24042/images/nubar_emerald(1).jpg

Here is how it looks.
23 05 13

For the hair link I, by chance, found this amazing looking tong. I’ve never seen one like this before.
28-best-bet-curling-iron (1) - Copy
http://pixel.nymag.com/content/dam/fashion/daily/2012/12/28/28-best-bet-curling-iron.jpg

I put the photo into Photoshop and cut out this really unusual part.
28-best-bet-curling-iron (1) - Copy
I used the eyedropper tool to get the lovely purple aubergine colour from the tong.
untitled

I used it to fill the background. A dark background was needed otherwise the white tong is lost on the background. Here is how it looks.
T3 23 05 13

I wanted to have an actual emerald on the page. I thought I would try to make a vector. I found this.
untitled555
http://findmyrock.com/2012/10/15/how-to-properly-decide-on-diamond-shape-cut/

I found a close-up.
untitled5555
http://www.royalbijuterii.ro/en/gold-jewelry-and-white-gold-jewelry-diamonds/

I put the picture into Photoshop and inverted it.
untitled55555 untitled555555

I then put that image into Illustrator and used the image trace tool. This gave me the paths and I then coloured it using a emerald to transparent gradient.
23 05 13 illustrator

I then put it into Photoshop. I used my class mates (Alex Greenhead) post on making and using a brush to remind me how to get the brush to perform as I wanted it to. Check his blog out on the link below. (He has just made an amazing brochure.)
untitled1
http://alexgreenhead.wordpress.com/2013/01/26/music-realising-the-designs-part-1/

Here I am experimenting in Photoshop. It didn’t work as well as I thought it would because the shiny part was transparent. So it looked a bit messy and unrealistic.
stone2

Trying again here. It doesn’t look any better.
stone3

Finally realised I need to get rid of the transparent part. Made other small changes.
stone6
Untitled-7
Untitled-8

This is better! Now its working and looking a bit more realistic.
stone4

Trying to get a design together.
stone5

It doesn’t look as good on the screen as it did in my head. It’s not really working.
stone5

Decided to have just one gem in the corner. Its enough.
Untitled-9

Looks better with a gradient.
Untitled-10

Placed all the pictures and text on the page.
Untitled-11

Decided to give up with my vector and used a photo of a gem. Have to say, this photo looks so much better!
Untitled-12

This is where I, by chance, found the picture of the gem.
pantone page
http://www.pantone.co.uk/pages/index.aspx?pg=21055

I put the image into Photoshop and took away the background and voilà!
11262012_cotyslideshow_01

Looking at the design so far (below), I thought people might be confused with the way I’ve placed the text so I decided to rearrange the design.
21 05 13

Here, at least, people will understand the flow of the text and not get confused.
22 05 13
I am happy with this design and I think its successful. I didn’t have any time to get feedback from the tutor on this page like I did with the others. I did, however, make my own evaluations as I went and I have outlined the changes I made above.

I ended up moving the picture of the eye-shadow away from the gem to see what it would look like. I think this looks good but I’m now confused about the flow of the text. I think people prefer to read starting on the left so I think I’ll stick to the design above. I think I need to ask my tutor to explain in what order it is best to place text on the page as I’m obviously not sure about it.
23 05 13 - 05 54

Advertisements

2 thoughts on “Making the Beauty page

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s