Friday, November 5, 2010

Creating the new "Office for Mac 2011" icon


The new “Office for Mac 2011” icons are stunning and sophisticated.Microsoft has engaged the help of company called Frog Design to help them create a new line of icons for their 2011 version of the Office for Mac.With the help of grids and pen tool, it is really not that hard to come up with a similar design. This tutorial will capture the essence of the icons.

PSD Available 
(5% will be donated to charity):
Download entire tutorial
(5% will be donated to charity):

Grids and Circles

Step 1: Create a 100px X 100px circle. I drew the circle with the help of grid-lines. Set vertical grid lines at 150px and 250px and horizontal grid lines at 150px and 250px. Name the layer “Circle”. Give it the layer properties as shown below









Step 2: Set another vertical grid line at 300px and 350px. Duplicate the ‘Circle’ layer and move the circle until it’s center is at the 300px gridline. Do this for the rest of the circles in the illustration below. Use gridline to help u achieve accuracy.


Step 3: Group all the layers together and call it ‘Blueprint’ or whatever name you can concoct.

Pen Tool

Step 4: Use Pen tool and start plotting the points according to illustration below. Name the layer ‘P-bright’.



Creating the rounded corners

Step 5: A very easy technique that i always use to create a rounded corner are as follow:

  • Add anchor point.
  • Use ‘Direct Selection Tool’ to drag the point to create some curvature.
  • Use ‘Convert Point Tool’ on the two handle bar to increase the curvature until it forms a nice rounded corner.
Another example:




Step 6: Apply this technique to all the corners that need rounding except on the exterior side of the “P”. For that side, you will need to delete the existing anchor point there first before applying the above technique to round it.



This is what you will get after rounding the corners. The basic shape of the icon is done. What we will need to do now is to give it some depth.



Giving Depth

Step 7: Duplicate the ‘P-bright’ layer and rename it ‘P-dark’ layer. Make sure it is on top of the ‘P-bright’ layer.


Step 8:Delete the anchor points that are shown below and adjust the handles to get the desired shapes




Step 9:Add another anchor point and delete the other anchor point as shown in the diagram. Adjust the handlebars again to get desired shape



Step 10: Select the anchor points that made up the tail of ‘P’ and shift them to the right.Add another anchor point before deleting the bottom anchor points to get the shape shown in the illustration below





Color

Step 11:Fill up ‘P-bright’ layer and ‘P-dark’ layer with respective colors.


Step 12: Adjust the layer properties of ‘P-bright’ layer.


Step 13:Adjust the layer properties of ‘P-dark’ layer




This is what you will get so far. Pretty sweet eh.


Step 14: Duplicate the ‘P-bright’ layer and rename it ‘P-back’. Move it below ’P-bright’ layer.Fill up the layer with the color stated in the picture.



Step 15:Nudge the ‘P-back’ layer to the left by pressing the left key twice.

Your ‘P’ icon is done!


Now that you have learned the techniques in achieving the look and feel. Try to attempt other letters and post it in the comments!

Labels:

40 Comments:

Blogger Anthony said...

can someone make the entire alphabet of this and post it

February 9, 2011 at 11:00 PM  
Anonymous Anonymous said...

could you have a download link to the your finished product?

April 15, 2011 at 12:26 AM  
Anonymous Anonymous said...

could you make an N and post it here (for OneNote)

April 15, 2011 at 11:20 AM  
Anonymous Admin said...

Sorry anon for the late reply.. I will upload it when I find the time. :)

May 16, 2011 at 12:44 AM  
Anonymous Web Design Sheffield said...

With this tutorial, we could see one of the many tricks of photoshop how to manipulate pics and how to let us think how on earth they done that. It is really educational just following the tutorials.

May 27, 2011 at 9:55 AM  
Anonymous android tablet said...

Great post. Very detailed tutorial. Thanks for sharing.

July 13, 2011 at 8:44 AM  
Anonymous Mark Lee said...

Thanks for taking the time to discuss this, I feel strongly about information and love learning more on this. If possible, as you gain expertise, It is extremely helpful for me. would you mind updating your blog with more information.

July 13, 2011 at 10:53 AM  
Anonymous hcg said...

Wow, nice post,there are many person searching about that now they will find enough resources by your post.Thank you for sharing to us.Please one more post about that..

October 28, 2011 at 11:34 PM  
Blogger Best Hostings said...

You have explained very clearly. This tutorial is helpful to us.I hope you will update more new information.Thanks.Best Hostings

January 17, 2012 at 3:03 PM  
Blogger Sonam Gupta said...

You can't be too careful about who you listen to and why. So when it comes to micro caps and how to trade them, what are the best tips you need in order to get started and earn serious money trading?

Commodity Tips, Stock Tips

May 23, 2012 at 7:03 PM  
Blogger kailash soni said...

Swastika Investmart Share Brokerage Firm India .We Provide Top broker in India and there comparison based on there account opening charges, brokerage charges and after sales services.

October 17, 2014 at 7:39 PM  
Blogger Bắp Cải said...

I am an avid reader who likes engaging content. That's why I am here. Your original views on this topic are refreshing and interesting. You've done a great job of expressing your views. Thank you.
tu 95| call of duty| clicker heroes| strike force heroes 2| kitten cannon
scooby doo games| scooby doo| brain games| braingames| brain

July 14, 2015 at 12:13 PM  
Blogger Nat Nathalia said...

I like this tutorial
Kunjungi website
Kunjungi website
Baca selengkapnya
Baca selengkapnya
Baca Disini
Baca disini
Baca disini
usaha sampingan
peluang usaha sampingan
usaha sampingan modal kecil
usaha sampingan di rumah
usaha sampingan untuk karyawan
macam-macam usaha sampingan
usaha sampingan tanpa modal
jenis usaha sampingan
usaha sampingan ibu rumah tangga
usaha sampingan yang menguntungkan
usaha sampingan karyawan
usaha sampingan mahasiswa
macam usaha sampingan

September 12, 2015 at 10:37 AM  
Blogger Love KidsTV said...

Thanks for your post. Click to play Plants vs Zombies , Solitaire,Tom And Jerry Games, Brain Games, Happy Wheels , Five Nights At Freddy's

September 22, 2015 at 11:01 PM  
Blogger Trần Lucy said...

I'm tired but your post makes me happy. I hope you have many posts because I will regularly visit your site.
games for girls ,
cool math games ,
kizi games ,
unblocked games happy wheels ,
jogos friv ,
jogos friv ,
juegos de autos de carrera ,
jogos pou ,
juegos de simpson ,
games for kids free
unblocked games happy wheels

September 24, 2015 at 4:35 PM  
Blogger Trần Linh said...

Thanks for your sharing. I feel this is an interesting article, I laughed a lot. Whenever sad I'll need it
happy wheels demo ,
descargar whatsapp gratis ,
baixar whatsapp gratis ,
baixar mobogenie ,
descargar facebook gratis ,
descargar whatsapp gratis ,
descargar whatsapp ,
baixar whatsapp ,
descargar whatsapp gratis ,
mobogenie market ,
agario skins

September 25, 2015 at 3:16 PM  
Blogger LefiAna Putrisari said...

Model rambut pendek
Model rambut pendek
Model Rambut 2016
model rambut wanita
http://goo.gl/xgpT5C
Model rambut panjang
Model rambut korea

December 2, 2015 at 2:46 PM  
Blogger Vi Chu said...

Great information I will tweet to my friends to get them to check it out. keep it up. Thanks for sharing!.If have a long time than visit to:
hola launcher download | paradise bay | subway surfers | cooking fever | red ball 4 | goodgame big farm | hola launcher download | paradise bay | subway surfers | cooking fever | red ball 4 | goodgame big farm

December 17, 2015 at 12:23 PM  
Blogger Imam said...

Awesome tutorial, Thanks

masker wajah
honey

masker alami
putih telur

jerawat
maskeran

stories1
strories2
kandas
johnkandas
kandasw

January 25, 2016 at 5:13 AM  
Blogger Amzad Hossin said...

I'm so late to your blog but your method is creative and easy. Thanks for sharing

clipping path service
deep etching service
photo manipulation service

February 21, 2016 at 4:40 AM  
Blogger Emma Genny said...

If you guys wanna get a reliable product key, any editions, used perfectly! recommend you this site: www.gankings.com.

February 25, 2016 at 9:29 AM  
Blogger Ann Kelly said...

This is also a very good post which I really enjoyed reading. It is not everyday that I have the possibility to see something like this.
I just want to say : why you do not click to play: open facebook | facebook login | happy wheels | happy wheels game | earn to die | earn to die game

March 28, 2016 at 5:46 PM  
Blogger Ann Kelly said...

Thank you! I have to thank you for the efforts you’ve put in penning this site.I really hope to check out the same high-grade blog posts by you later on as well. In truth, your creative writing abilities has motivated me to get my own website now !
I like play games. Click to play:
open facebook
facebook login
happy wheels
happy wheels game
earn to die
earn to die game

March 31, 2016 at 4:18 PM  
Blogger Cherry winter said...

Age of War

In this game, you start at the cavern men's age, then evolve! There is a total of 5 ages, each with its units and turrets. Take control of 16 different units and 15 different turrets to defend your base and destroy your enemy.
Age of War

Age of War 2

March 31, 2016 at 5:26 PM  
Blogger Ann Kelly said...

Written, Thank you for the introduction of a range of information that is very interesting to see in this article.
Signature: open facebook | facebook login | happy wheels | happy wheels game | earn to die | earn to die game
I enjoyed over read your blog post. Your blog have nice information, I got good ideas from this amazing blog. I am always searching like this type blog post. I hope I will see again..

April 6, 2016 at 9:54 AM  
Blogger Jordan Ovilia said...

Earn to Die Description
Earn to Die sees you not only driving your way through hordes of zombies, but allows you to earn cash to upgrade, unlock and customise new vehicles. Is your vehicle not strong enough? Why not add a gun, or boosters, or even a spiked frame?
earn to die

tank trouble

you get to truly showcase your skill against a wide range of human and AI as you see fit.
With Tank Trouble 3, you don’t have to worry about deadlines nor anything like that, instead this is a fun, relaxing game that you can play whenever you want without any restrictions. It’s really nice and fun to enjoy your time when all you have to do is to destroy the other tanks in the game world. And since the game world is continually changing, offering you more insane challenges, it’s a lot more fun and exciting to explore all of these possibilities in an outstanding way.

tank trouble 3

April 6, 2016 at 3:31 PM  
Blogger Cherry winter said...

Age of War

In this game, you start at the cavern men's age, then evolve! There is a total of 5 ages, each with its units and turrets. Take control of 16 different units and 15 different turrets to defend your base and destroy your enemy.
Age of war 1,2,3,4,5,6


Summon creatures to fight enemy units and demolish the opposing castle. Your castle is equipped with a crossbow, which you can use to shoot enemies. Make sure you upgrade skills to increase your chances of winning battles.
Age Of War play free online Games


The war between humans, orcs and elves continues. Lead your race through a series of epic battles, using your crossbow to fend off foes and sending out units to destroy castles. Researching and upgrading wisely will be crucial to your success!
Age Of War online


Play Age of war 2! Battle your opponent through the ages, in the 2nd installment of the hit game Age Of War. Age of war 2 is totally free and requires no registration!
Age Of War 2


This is an evolutionary strategy game that pits you against alien invaders. You begin the game in the Stone Age, with just a base and some money. Select your base to view the available building options and spend your money wisely. Buy buildings that will spawn offensive units and gatherers, as well as turrets to bolster your defenses. You can upgrade your buildings so that they produce more effective units and spawn them at a faster rate.
Age Of War

April 11, 2016 at 5:44 PM  
Blogger Alice Denny said...

Thanks for sharing nice information with us. i like your post and all you share with us is uptodate and quite informative, i would like to bookmark the page so i can come here again to read you, as you have done a wonderful job.
Play Earn to Die Online

This article always blew me... For how many times I have read this. The overwhelming feeling never changes.
Earn to Die Games

April 12, 2016 at 4:57 PM  
Blogger Jordan Ovilia said...

Earn to Die Description
Earn to Die sees you not only driving your way through hordes of zombies, but allows you to earn cash to upgrade, unlock and customise new vehicles. Is your vehicle not strong enough? Why not add a gun, or boosters, or even a spiked frame?
earn to die801

Earn to Die 3 is one of those titles that you need to look at with complete …
earn to die473

you get to truly showcase your skill against a wide range of human and AI as you see fit.
With Tank Trouble 3, you don’t have to worry about deadlines nor anything like that, instead this is a fun, relaxing game that you can play whenever you want without any restrictions. It’s really nice and fun to enjoy your time when all you have to do is to destroy the other tanks in the game world. And since the game world is continually changing, offering you more insane challenges, it’s a lot more fun and exciting to explore all of these possibilities in an outstanding way.

earn to die9561

Play Earn to Die 2: Unlock and upgrade vehicles and more vehicular zombie slaughter than ever
.
earn to die961
Earn to Die has been one of those games that has been remarkably popular, having hung around the top charts for a long, long time now. Here you can play the first game – Earn to Die 1.

earn to die592


April 12, 2016 at 5:26 PM  
Blogger Jordan Ovilia said...

Earn to Die Description
Earn to Die sees you not only driving your way through hordes of zombies, but allows you to earn cash to upgrade, unlock and customise new vehicles. Is your vehicle not strong enough? Why not add a gun, or boosters, or even a spiked frame?
game happy wheels

Earn to Die 3 is one of those titles that you need to look at with complete …
game flappy bird

you get to truly showcase your skill against a wide range of human and AI as you see fit.
With Tank Trouble 3, you don’t have to worry about deadlines nor anything like that, instead this is a fun, relaxing game that you can play whenever you want without any restrictions. It’s really nice and fun to enjoy your time when all you have to do is to destroy the other tanks in the game world. And since the game world is continually changing, offering you more insane challenges, it’s a lot more fun and exciting to explore all of these possibilities in an outstanding way.

game age of war2


April 13, 2016 at 10:09 AM  
Blogger maika lee said...

Thanks for the best blog.it was very useful for me.keep sharing such ideas in the future as well.this was actually what i was looking for,and i am glad to came here!
earn to die
Hi! I’ve been reading your blog for a while
now and finally got the courage to go ahead and give youu a shout out from Austin Texas! Just wanted to tell you keep up the fantastic work!my weblog:
tank trouble

April 14, 2016 at 9:56 AM  
Blogger hoa pikey said...

Great! Thanks for sharing the information. That is very helpful for increasing my knowledge in this fiel
A good blog. Thanks for sharing the information. It is very useful for my future. keep sharing
Signature:
Red Ball | red ball 2 | Red Ball 3 | Red Ball 4 | duck life
Flash Games| Tank trouble | happy wheels |
Slitherio | Slither io

May 20, 2016 at 3:37 PM  
Blogger Kelly Anni said...

This is also a very good post which I really enjoyed reading. Please visit our website and play exciting games:
slither.io | slitherio | wings.io | wingsio | Science Kombat | Science Kombat Game
Play the fabolous earn to die game and complete all the levels.You can play all the seven parts of the game on our website :
Tank trouble | Tank trouble 2 | Tank trouble 3 | Tank trouble 4

May 28, 2016 at 1:21 PM  
Blogger hường lê said...

We are really grateful for your blog post. You will find a lot of approaches after visiting your post.

Great work.

Such a very useful article. Very interesting to read this article.I would like to thank you for the

efforts you had made for writing this awesome article.
Sign in to Gmail to access to all Gooogle services. Log in to your account or sign up to create a new

account
gmail sign in

gmail log in

what's gmail?

slitherio

Tank trouble

happy wheels

Strike Force Heroes

In this game, you start at the cavern men's age, then evolve! There is a total of 5 ages, each with its

units and turrets. Take control of 16 different units and 15 different turrets to defend your base and

destroy your enemy.
age of war

We are really grateful for your blog post. You will find a lot of approaches after visiting your post.

Great work.
happy wheels

strike force heroes

earn to die

Fireboy and Watergirl arrived again to the temple in the forest. 2 players together can help them to find

their way out.
fire boy and water girl

May 30, 2016 at 10:19 AM  
Blogger Alis Nurhasanah said...

http://www.jellygamatgoldseacucumber.web.id/

May 31, 2016 at 4:47 PM  
Blogger Lopez Alexander said...

I really appreciate this wonderful post that you have provided for us. I assure this would be beneficial for most of the people.

- FNAF Sister Location
- FNAF 5
- Five Nights At Freddy's

June 1, 2016 at 10:17 PM  
Blogger Lopez Alexander said...

This content is written very well. Your use of formatting when making your points makes your observations very clear and easy to understand. Thank you.
- usps tracking
- iphone 7 release date
- excel

June 8, 2016 at 3:39 PM  
Blogger Bunda Cantika said...

ini yang kami cari, mantap yak
usaha rumahan modal kecil
bisnis bagi ibu rumah tangga
macam bisnis sampingan
usaha distro pakaian
bisnis sampingan karyawan
harga setrika merk philips
harga kompor gas merk rinnai
harga kompor gas merk todachi
harga pompa air semua merk
harga mesin pompa air sanyo
aplikasi wajib di android
tips bermain clash royale
game android terbaik
emulator android paling ringan
review dan download game COC
donwload game ninja heroes
cara mudah dapat ninja rank ss ninja heroes
cara main ninja heroes
cara mudah dapat jewel clash of lords
cara mengisi saldo paypal gratis
Sekian semoga bermanfaat dan terimakasih.

June 11, 2016 at 11:46 AM  
Blogger Alice Denny said...

Welcomes to google terminal from Austin Texas! google snake
Amazing insight you have on this, Happy wheels it's nice to find a website that details so much information about different artists... Age of war 2 This article always blew me... Earn to die For how many times I have read this.
slither io Hi! I’ve been reading your blog for a while slitherio it's nice to find a website that details so much big farm

June 20, 2016 at 11:47 AM  
Blogger Regina Hilary said...

The war between humans, orcs and elves continues. Lead your race through a series of epic battles, using your crossbow to fend off foes and sending out units to destroy castles. Researching and upgrading wisely will be crucial to your success!
age of war 3 | slitherio | unfair mario 2 |
The game controls are shown just under . Movement mechanisms primarily include acceleration and tilting controls.
cubefield | tank trouble | happy wheels | earn to die 3 | earn to die 4

June 22, 2016 at 11:59 AM  

Post a Comment

Subscribe to Post Comments [Atom]

Links to this post:

Create a Link

<< Home