Tuesday, December 3, 2013

Illustrator CC Create more>Share more>Never stop learning.

Wow! it has been a while. Every time I am thinking about something new to write I red about it already in a post and decide to move on and do it another time. Decided to visit today my "dead Blog Post" and write something. Many people wrote about it already so I might as well write about it too.
What is really new in Adobe IllustratorCC? Shall I move on and get  Adobe Creative Cloud, and if yes why? 

Adobe Illustrator CC: 

  • Available only in Creative Cloud.
  • Deeply integrated for a modern creative process. 
  • Is the industry–standard toolset used by professionals worldwide that lets you move work easily between Illustrator and other Adobe creative applications. 
  • Letting you capture your vision with speed and precision and reliably take those ideas to print, web, interactive, motion, and devices.

Illustrator CC and Creative Cloud:

Adobe Creative Cloud:  with all-new Adobe® Illustrator® CC, you always have the latest version. Access to every future release is built right in. Cloud-enabled features like Sync Fonts, Sync Colors, and Sync Settings turn any workspace into your workspace. Adobe Creative Cloud™ is now integrated with Behance™ for real-time inspiration and a seamless way to share your work. 

Sync Settings
Work the way you like on any of your computers — Mac or PC. Synchronize your workspace settings to Creative Cloud — including Illustrator preferences, presets, brushes, and libraries — so they go where you go.
Activate Illustrator Preferences  Command K (Mac) Control K (Window).
You will see the options for Sync settings. You can also get the Sync Settings from the Illustrator menu bar in MAc and under the Edit menu bar in Windows.
Sign in with your Adobe Creative Cloud ID to activate it.


Share on Behance

Two ways to launch Behance from Illustrator.
  1. Click File>Share on Behance.
  2. Click on the Icon on the lower left corner of the active Illustrator window.
You will need to establish a Behance account using your Adobe ID.
Share files from Adobe Ideas
Create Ideas with Adobe ideas on tablet device or Iphone and simply upload it to the cloud to share with Illustrator. File will stay vector. Create Symbols, Patterns at ease, share and continue working.


Touch Type tool 
Design with type in a powerful new way. Characters can now be manipulated like individual objects. Experiment with moving, scaling, and rotating, knowing you can change the font or edit at any time.
Create logos  without creating outline. You can now use
multi touch devices as well as a mouse or stylus. 

To manipulate type with the Touch Type tool do the following:
Type a sentence. 
Select the Touch Type Tool and click on one of  the characters.
You will see a small box with anchor points.
Click and drag a point to scale, rotate and move. 
Change the kerning if needed.
Change the Typeface.

Note: the Touch Type symbols appears now at the top of the
Character panel as well.

Area and Point type conversion
Instantly switch between area type and point type.
Text object conversion is now instantaneous so you can design freely in your text layouts. You can work just as easily with imported type, switching formats at any time.

Change Area type with one click of a mouse button:
  • Select the Point type and double click on the handle to convert to Area type. 
  • Click again on the Area type to change it back to Point type.
Type utilities and performance:
Faster type performance 
Work faster with type, even in your most complicated, type-intensive designs. Text that wraps around objects and type that is set in multiple connected text frames now refreshes quickly when you make a change. 

Font search 
Find the perfect font — fast.  In the Character panel, type a style such as “bold” or “italic,” a font family, or any other part of a font name. You’ll get a filtered view that lets you see just the fonts that match your criteria.  
Set the font search: 
  • Search Entire font Name. 
  • Search First Word only.
Typekit Desktop for fonts
Adobe Typekit® Desktop — part of Creative Cloud — will change the way you work with type.  Quickly find the perfect font and have it immediately available in Illustrator.


On-art Free Transform 
Get hands-on with the power of the Free Transform tool. Move, scale, and rotate objects directly using a touchscreen device.
Or use a mouse or other pointer right on the artboard to
transform objects in a more immediate and intuitive way. 
Select the object and do the following:
  1. Constrain
  2. Free Transform
  3. Perspective Distort
  4. Free Distort


Images in brushes 
Paint with a brush made from a photo. Art, Pattern, and Scatter brushes can contain raster images, so you can create complex organic designs quickly — with simple brush strokes. As with all Illustrator brushes, your strokes can be reshaped and modified at will. Make sure you stay true to the size since the brush is pixel-based. Capture a bigger size.
Use higher resolution to get a better result.
To create a brush from an image do the following:
  1. Place any rasted-based image.
  2. If it is linked, embed the image.
  3. Select the image and drag it to the Brush panel.
  4. Create an Art brush or a Scatter brush.
  5. Explore size and variations. 
  6. Do not make it bigger than the original.(Avoid pixelation).
  7. Colorization methods will not work.

Auto Corners for Pattern brushes
Get the corners you want without extra steps. Create pattern brushes swiftly with auto-generated corners that perfectly match the rest of the stroke. No need to tediously create special corners for your sharp angles. 
To create the Pattern brush do the following:
Select an image and drag it to the Swatch panel to create a pattern.
From the Brush panel create and new Pattern brush.
Apply the brush to an object and check the following:
  1. Turn on the preview
  2.  Click on the first box to show the Auto Centered Corner Tiles and choose from the following options:
  • Auto-Centered.
  • Auto-Between.
  • Auto-Sliced.
  • Auto-Overlap
As a result you can double click on the Pattern in the swatch panel
and create a Pattern from a Raster-based image.


Multiple-file place 
Import multiple files into your Illustrator layout at the same time and with new control. Now you can define the location and scale of your files — images, graphics, and text — and use new thumbnail
views to see where each file will go and how big it will be. 
To cycle through the images click on the arrow keys on the keyboard to view the images. This will improve the workflow
and make placing images a different experience.
Unembed images 
Easily unembed images that have been placed and embedded in an
Illustrator file. You can quickly make images available for editing or extract files embedded in artwork you received from someone else. Links to the image files are created automatically.  Simply choose unembed from the Links panel or from the Control panel to link the image.

Expanded Links panel options
Get more complete information about any placed file in the Links panel. All of your placed elements — images, graphics, and text — appear in the Links panel, where you can track them with greater control than ever before. 

Kuler for color syncing
Capture color themes out in the world with the Adobe Kuler® iPhone app. Share your themes and explore thousands of others available on the Kuler website. Sync your favorite themes, and they’ll be accessible immediately in Illustrator. Now Kuler is part of Illustrator panel. 
File packaging 
Probably one of the most requested features. File packaging automatically gathers and saves the
necessary fonts, linked graphics, and a package report into a single folder. Efficiently hand off
Illustrator files to production or keep your working files organized by packaging up your project. 
To Package a file:
  1. Save the current file.
  2. File>Package
  3. Check the elements needed for packaging
  4. Click OK to view the package.
You will see a folder  and inside the report, links, file and font folder. 

CSS Extraction 
Hand-coding web elements such as icons and patterns can be frustrating. Now, create websites faster by letting Illustrator generate CSS code for you, even for a complete logo that includes gradients. Copy and paste the code right into your web editor.
The CSS properties panel is part of the application.

Wednesday, February 22, 2012

Creating Photoshop Brushes using Adobe Illustrator Objects

Creating Photoshop Brushes with Illustrator Shapes. Easy. Seamless workflow. Great results!
In this sample I am using stars, circles and lines.
You can use any shape desired to achieve the look you want to get.

1. With the Ellipse tool selected, create a perfect circle (best to draw from center: hold down the option/alt and shift key). From the view menu bar: guides: make guides. Lock the guide.
Guide from an object (you can make a guide from any object in Illustrator)
2. With the Star tool selected, create a star, and snap it to the guide (View: Snap to Guide)
    With the Rotate tool selected (from the tool box) hold down the Option/alt key and click 
    on the center of the guide. 36° and click copy. Make sure your preview is on!

Stars around the guide
3. Once one star is copied, go to the Object menu bar: Transform: Transform again (command/Control D). Repeat to create a complete circle of stars.
Circle of stars

4. Repeating the same commands, create a line and rotate in to the center of the guide.
Lines rotated in 36°
5. Repeating the same commands, create a circle on top of the line and rotate it again 36°.
   With the Circle selected, choose the Scale tool from the tool box to scale the group of the small
   circles to the center of the guide, and use the Transform again command to scale the group of   the small circle to the center of the guide 80% each time.   

   6. Go to the View menu: Guides: hide or clear guides.

Final shape
7. Select the final shape: Object: Group  (Command/Control G). Edit Copy (Command/Control C).

8. In Photoshop: Create a new document 72 DPI. White Background. Edit menu bar: Paste (command/Control V) Select the Path in the dialog box.
9. the path is loaded to the selected Background. In the path Panel save the path.
(give it a name in case you want to bring another path to the same file -only one work path per file)
Path from Illustrator
10. Now the fun starts! Add a new empty layer and name it: Brush practice.
     Make sure that the path is loaded to the new layer. With the brush tool selected choose a brush
     stroke the path. (Best to choose first the brush and than go to the stroke path command) .     
    stroke the path. (Best to choose first the brush and than go to the stroke path command) 
     Make sure the foreground color is black: Select the Path with the path selection tool.
     Go to Path: Stroke Selection. Experiment with the brush size.

Brush size, stroke path command
11. Select the outer Stars and play with the Brush size to stoke it. Select the rest of the shapes and
      stroke it with a smaller brush size.

Path is stroked with 2 or 3 different sizes of brush
12. Load the selection of the stroked layer (Select load Selection or Command/Control Click on
      the layer thumbnail to load the selection. Edit: Define Brush Preset and give it name.
Saving the brush

13. Now the fun begins! Create a new layer and start testing the brush you created!

Drawing with the new brush
14. Working on the brush variations. Changing the size on the  spacing in the main brush dialog
      box, finding the space and size needed for the design. 

Spacing preview

15. Changing the Shape Dynamic controls, playing with the direction of the brush - make sure 
      you see the preview of the brush. Choose a color for the Foreground and Background.
      In the Brush control - adjust the color dynamic controls. Work with the saturation and 
      the brightness Jitter. You can introduce more colors to the brush if you change the amount
      of the Hue slider. Play with the Purity slider to achieve pure colors or gray scale.
16. With the brush tool, explore the brush strokes and the colors. Add effects to the brush.
      Drop Shadow, Bevel and Emboss to create any metal look! (gold, copper, silver).
      Adding different effects will effect the brush look as well. Save the brush preset.

Final Brushes! Keep playing and exploring!