• April 20, 2024, 10:21:38 am

Author Topic: [Tutorial] Create 9-piece elements  (Read 3601 times)

0 Members and 1 Guest are viewing this topic.

dhaval khanna

  • Guest
[Tutorial] Create 9-piece elements
« on: October 13, 2012, 09:37:34 pm »
This Rule is being made by One of the Biggest Russian Artiste as we all know him DSMA.

I am bringing to you the whole process of making 9 piece elements via Illustrator CS4.

Refer to Picture Below for your help.

--------------------------------------------------------------------------
How to create 9 piece Elements ? - Courtesy: DSMA

We need only Illustrator CS4 ...
--------------------------------------------------------------------------
Lets Begin


1. Draw a Template on the Eye by yourself as in the picture.


2. Create a new template ... include the appearance of both lines - Rule; Artboard Rule


3. see our template size Carbide.Ui or their own (don't get afraid to experiment),
as shown in the picture ... To do this, drag the mouse cursor the blue line (line) from the extreme left and extreme top of the scale of your template, aligning them to your size ...


4.Then choose Object - Slice - Clip to Artboard ... nothing happens - we just asked the option ...


5.Now the most interesting - the regime of pieces ... To do this, press - Object - Slice - Create from Guides ... Done ...

6.The final step - File - Save for Web and Devices ... allocate all of your pieces ... 9 extension Setting svg and click Save ... continue to choose the type of file - Images Only (. gif) and presses OK ...

7.All ... on the desktop or in a place where you pointed the way - will be daddy Image from 9 slices ... They are in order - as in carbide ... have only to insert them there, what are we waiting for?

8.Can be sliced even with Adobe Photoshop


As Rockliff suggests, so you will have the same result of the Thumbnails, but don't get afraid and just paste where you need to paste what.


You are done with your 9 piece elements.


Thanks and Regards
Sunnylovesalman





[attachment deleted by admin]
« Last Edit: October 13, 2012, 10:14:24 pm by Allstar12345 »

Offline Allstar12345

  • Allstar Software Founder
  • Administrator
  • Forum Genius
  • ******
  • Posts: 5,235
  • Reputation: 812
    • Allstar Software
  • Current Phone: : OnePlus 8 Pro, Xperia 10, Nexus 6p, Jolla Phone, Nokia N8, Nokia 808 PureView, BlackBerry Z30
Re: [Tutorial] Create 9-piece elements
« Reply #1 on: October 13, 2012, 09:46:07 pm »
Great post mate +5 and topic made sticky ;)

Offline prarun2030

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,396
  • Reputation: 280
  • Living a life between Good and Bad..
  • Current Phone: : N8|Mi3|Jolla
Re: [Tutorial] Create 9-piece elements
« Reply #2 on: October 13, 2012, 10:08:16 pm »
+1 for the post.

few typo's edited in the original post
//prarun2030

Offline sathasb

  • Developer
  • Mass Poster
  • ****
  • Posts: 1,254
  • Reputation: 191
  • Symbian Power User
  • Current Phone: : 808 pureview,701
Re: [Tutorial] Create 9-piece elements
« Reply #3 on: October 18, 2012, 02:04:27 pm »
great post mate :), +1 for post ;)

Offline SANJAY

  • Developer
  • Respected Member
  • ****
  • Posts: 544
  • Reputation: 25
  • NOKIA FTW
  • Current Phone: : Nokia 701 Delight CFW Belle FP2, Nokia Lumia 920 WP8 Black
Re: [Tutorial] Create 9-piece elements
« Reply #4 on: November 27, 2012, 03:08:08 pm »
Nice share mate  ;)