Tagged: tutorial Toggle Comment Threads | Keyboard Shortcuts

  • MUJKA CHIC 12:49 am on April 16, 2008 Permalink | Reply
    Tags: creating brush, creating florals tutorial, , , , how to create floral brush, how to create florals, , , , step by step, , tutorial,   

    HOW TO CREATE FLORALS -ILLUSTRATOR 

    HOW TO CREATE FLORALS

    Very simple 8 steps to follow, no drawing experience needed :) all you need is knowing where the tools are

    so here we go.

    CREATING A STEM

    STEP 1: Draw a thin vertical rectangle with rectangle tool and go to EFFECTS menu, select DISTORT & TRANSFORM / TWIST. Set a value of 50 or 60 depends on how much bending you need. And click OK. Go to OBJECTS menu and EXPAND the image. THIS will be the stem of the floral.

    STEP1

    STEP 2:Select direct selecting tool from tools menu and click on the outline of the image, you will see path points. Use your imagination and pull /move path points and adjust the shape of the stem as you like.

    STEP2

    STEP 3:Create a spiral from tool menu (border thickness would be 1 or 2 pt) and place it on your stem. EXPAND the spiral shape before duplicating.

    STEP3

    STEP 4:Duplicate the stem and scale in different sizes, also duplicate the spiral and arrange them together. On the example image same stem and spiral used. Reflect the stem and spiral (right click on the image, TRANSFORM/REFLECT)  horizontal or vertical to get different look. Basically they are all variations of same 2 shapes we have created previously.

    STEP4

    CREATING A LEAF

    STEP 5: From tool menu take pencil tool (no outline but only fill color should be visible) and draw a leaf shape, it could be rough, with direct select tool (seen on the example) , just click on the shape and again play with the shape to get better curves.

    Finally take pencil tool again with white fill color and draw a thin shape for the detail inside the leaf; it could be any nice shape. Also you can drag the paths on the white shape and make it perfectly smooth.

    STEP5

    STEP 6: Draw a line with pencil tool (little curvy would be nice) and arrange the leaf we have created on step 5 around the lines as seen on the example, or create your arrangement.

    STEP6

    CREATING FLOWER FROM LEAVES

    STEP 7: Arrange same leaf like on the example , you may add some elements or leave it as is.

    STEP7

    STEP 8: Place all leaves and flowers on the stem, scale some leaves to make it look natural. You can arrange it anyway you want.

    For very complicated florals, again I suggest using same logic, once you create a stem and couple leaves around it, you can bend and twist the shapes, or use zig zag effects to create more curvy steam.

    At all times expand your outlines and shapes created with effects.

    Group final image: Select the whole thing and right click on it. Just select GROUP. You can edit colors with direct select tool from tool menu.

    step8

    MAKING A BRUSH OUT OF THIS IMAGE

    Be sure your image is grouped. Drag the image and drop in to Illustrator Brush Window and select it as ART BRUSH.

    Now you can use this as a nice floral brush. Just draw a line and click on the brush in brush window, whatever shape your line was, becomes a nice floral.. Try different florals like this logic. Also create your own brushes by just dropping it in the brush window.

     
    • Judy Sanqunetti 2:34 pm on April 16, 2008 Permalink

      This tutorial is great! thanks for taking time out to show off tips from your great talent.

    • boojoo 9:26 am on April 17, 2008 Permalink

      thanks Judy :)

    • Raymond 9:09 pm on August 17, 2008 Permalink

      Hey, thanks, found this a very useful guide, gave me some nice new tips

    • dan 4:10 pm on October 22, 2009 Permalink

      really good easy to follow step by step. thanks = )

    • Michelle 3:11 am on July 20, 2010 Permalink

      I am using CS4 and when I go to OBJECT menu, EXPAND is grayed out. I have the rectangle selected, Any tips on what’s wrong?

    • boojoo 3:25 am on July 20, 2010 Permalink

      I don’t use CS4 but to be able to expand an item, it needs to be selected. Also if expand menu is grayed out, then you don’t need to expand it
      it still be an object, you can carry on adding other parts and if you have any outlined object, you can expand those necessary
      Expand tool is for turning all outlines, not connected objects or effects into single flat to fillable object

    • Dinora 5:44 pm on July 27, 2010 Permalink

      what program do u use?

    • boojoo 5:53 pm on July 27, 2010 Permalink

      Illustrator CS3

    • Marija 11:06 am on July 28, 2010 Permalink

      thanks! This is just what I was looking for :)

    • Horace 5:56 pm on October 13, 2010 Permalink

      10x for sharing this nice tut.

    • GABRIELLE 2:58 pm on October 22, 2010 Permalink

      Hey, thanks. I needed to know how to do this for a poster and you’ve made it super easy and fast!

    • Helna 12:21 pm on June 7, 2011 Permalink

      This was very useful… thanks for putting up this tut that too very precise and specific steps.. really works..

    • MUJKA CHIC 5:11 pm on June 7, 2011 Permalink

      THANK YOU SO MUCH. I am glad it helped.

    • Mike 10:47 pm on July 18, 2012 Permalink

      Great tutorial, this was exactly what I wanted to know and I learned new tricks for Illustrator!

  • MUJKA CHIC 5:36 am on December 30, 2007 Permalink | Reply
    Tags: agreements, answers, , , drawing, , , freelancing, , , outline, , payment, questions, , , tutorial,   

    10 QUESTIONS from users of ILLUSTRATOR CS2/3 

    Over the past couple months I have been receiving some cool some odd questions regarding to Illustrator. This is nothing like a tutorial or answers how to draw things with step by step pictured instructions but some information about things people are curious about so Here I want to share the questions and answers.

    1- Do I need to expand Illustrator brushes and why?

    Yes, expanding the brush actually turns it into a shape which you can fill with different colors, change outline or shape itself, so it’s recommended to expand custom brushes to shapes, especially for stock it is a must.

    2- How can I find open paths and close them easy?

    I have a topic that you can download 2 small plugin to find and close paths in 2 steps. READ HERE

    3- Do I need to use a graphic pad to create characters?

    I recommend WACOM tablets as I have been using it for a while, so easier than mouse, fully adjustable with pressure settings, you can draw almost anything with tablets, mouse is a pain in the a…If you are serious about drawing complicated images such as hair, florals, eyes or cartoon characters Wacom is the way to go.

    4- How can I create swirly florals?

    :) well this has been a serious question, I got over 100 emails about it. I must admit, there is no easy 1 step plugin or tool to create florals, you can purchase brush sets or flower vectors as they are already drawn and ready to use but if you want to create your own florals first you need a graphic tablet, second understand to use pen tool (create outline of the shape) become familiar with it, practice to control pen’s movements and pressure.

    Creating a floral shape is not that difficult, for the stem , just draw a nice curly line, when you are satisfied with the thickness and shape just expand the line to turn into a shape. Under OBJECT menu, select PATH/OFFSET PATH to change the thickness of the stem, you can set – or + 1,2 pixels to make it look more thinner or thicker.

    for leaves, well, this would be challenging for most, but I prefer to go natural hand movements with paintbrush tool. Select a round brush from your brush library, double click on the brush and set the diameter section to PRESSURE , and if you are naturally skillful at drawing :) you can use this pressure very easy to control. And just go with the flow, draw a nice curvy leaf with pressure is on, try many times till you like your leaf, add some natural strokes coming out from the stem you created, after some practice you will be drawing stems, curls and leaves easier.

    For those who does not want to draw but have it. HERE YOU CAN DOWNLOAD some free samples and purchase sets:)

    Brush sets

    Floral sets

    5- How can I create seamless patterns and wallpapers?

    Manual it is very difficult to align patterns, but I am talking about complicated patterns. I am suggesting 2 wonderful program that can change your life about patterns. First you need to create a very simple pattern, could be a spiral which you can easily create with illustrator spiral tool (don’t forget to expand) then a simple leaf and maybe dots around and a stroke, group them. Then what? Here with your simple pattern you can create hundreds of different patterns seamlessly. And I promise they would not look same.

    First program called XTREAM PATH , it’s a plugin has 36 wonderful path editing tools in it. But wallpaper and mirroring tools are the ones I am going to share here. You can create 17 different style seamless wallpaper or 1 unit pattern from your simple pattern. Very easy to use, you actually just click one of the wallpaper tools set it to one unit only or wallpaper setting and draw a shape on your pattern, ta da you will have a cool wallpaper repeating from the section of your actual pattern. It has great documentation to explain how to do things so I won’t be writing here. HERE IS THE WEBSITE for that plugin.

    Second program is called SYMMETRYWORKS, wonderful little big plugin, you will love it. Here is the address to check this program out.It it just for creating seamless wallpapers so have it HERE

    6-Converting to EPS8 killed my transparency and blending layers , what the hell happened?????

    We convert AI files to EP8 for compability , so CorelDraw and Freehand users can open the vector image as is. But disadvantage of this conversation is you will be loosing all your paths with transparent and blending areas. Basically your top transparent layer get flatten to bottom layer and you loose this two layer, they combine into one shape which we all hate:) Simple way to avoid it should be not using transparency or any blending such as (overlay, multiply..etc) if you are doing conversation, also you will get open paths all over the image because of that. Don’t use it. Gradients are ok if they are not too extreme. Sometimes you can get weird colors after conversation with too many gradient areas.

    7- How can I become a freelance illustrator? How about copyrights, agreements and all that stuff I need to know??

    There is two websites I recommend, there is more out there but these two are my favorites. Check it out.

    GURU

    IFREELANCE

    You need to create a custom agreement plan first. Set your Flat rate or hourly rate, deliver dates, project scope, how many revisions you offer (this is important so they don’t bug you for 20 revisions) and final delivery times should be set in the agreement, also you need to add copyright information to your agreement. If you are selling the copyrights to a customer, you should indicate that clearly with all circumstances. If not you still need to add this information that you are still holding the copyrights of the artwork you created.

    If you are using another artist’s creations, be sure you purchase the right licenses such as a Stock pattern to be used on a wedding invitation should be licenced as EXTENDED LICENCE so they can run it unlimited times or how many times the licence limits it and make sure your clients know about it, just to avoid legal problems that can hunt you later:)

    Apart from these you need to have a payment plan. I suggest 50% upfront before you even switch your computer on. 50% after project is done. If it is a bigger project with more than 10 or more images split payments in to 3 or 4. Never send anything original to your client before last payment is confirmed. Be sure add this plan to your agreement.

    And last of all file everything, emails, payment documents (GET A PAYPAL account if you don’t have one), all files you created, never delete any file after project is done. They can hire you again for more same thing. Good luck.

    8- How can I create Halftone dots?

    I have a topic about this too which is kind a unfinished but you can still get a perfect halftone shape with the instructions. READ IT HERE

    9- Where can I find FREE VECTOR STUFF ??

    Hmm, that must be the most asked and searched question on Google, probably freebie people already know about these websites but I will write share here. Please read terms and conditions of the free files before using them.

    FREEVECTORS VECTEEZY TUTORIALBLOG BITTBOX MUJKA (my little website)

    10- How can I create brush or swatches and save them as a library?

    After creating your image all you need to do is drag and drop your image into the brush or swatch library, delete all illustrator’s own library which is already there , drag and drop as many image as you want and save them by clicking on top right hand corner arrow/save library.. your library is saved. Very simple.

    Please add a comment if you have any other questions in mind. Thank you.

    HAPPY NEW YEAR TO YOU ALL

     
    • Joe 5:06 am on December 31, 2007 Permalink

      Thank you, Thank you and Thank you. I know I will be buying things from you. Your work is glorious! And thank you for the Illustrator tips as I needed the closed path help for some vinyl sign work I am doing for a neighbor. I first found you on FlashDen. I want to use your ladies for another website I am doing for a nail salon. Oh.. and great photos on Flikr… great insights. PS.. the contact page on your website doesn’t bring up anything.

    • Ruben Vandenbussche 3:52 am on October 12, 2008 Permalink

      Thank you for this nice post. Now i can start off making some nice vector art by myself.

    • Vince Delmonte 8:58 pm on April 14, 2009 Permalink

      This is very hot information. I’ll share it on Twitter.

    • Prenajom chaty 5:58 am on August 20, 2009 Permalink

      Very good information. Perfect blog!

  • MUJKA CHIC 1:00 am on September 15, 2007 Permalink | Reply
    Tags: , , , , open, , , tutorial,   

    Dealing with OPEN PATHS in Illustrator in 2 steps 

    Couple little things you need to know about when creating a vector image, especially if you are going to sell it on stock websites

    Here are some tips and tricks for making the best out of your work. Mostly time savers.

    OPEN PATHS: If you are dealing with open paths, you are in trouble, so try this plug-in from Graffix to FIND THEM FIRST without hassle.

    To install this plugin, just drop the plugin in your Adobe Illustrator Plug-ins folder. It works with Adobe Illustrator CS – CS2 and CS3….

    What does this plugin do… It actually finds all guides, paths, open paths, closed paths, filled paths, unfilled paths, stroked paths, unstroked paths, dashed paths, undashed paths, compound paths, groups, live object groups, gradient meshes, envelopes, symbols, embedded raster art, and placed art.

    It will appear under Select / Object menu.

    So after clicking on select open paths, your open paths are selected, now how are we going to close all these paths, here another plug-in to CLOSE THESE PATHS.

    This time just drop the plug in in Illustrator scripts folder, it will appear in File/ Scripts menu, and click. All your paths are closed in 2 steps. What a time saver.

    Well if you have only couple paths to close just click on the open path and press CTRL + J to join them, personally I never use this.

     
    • Maddy 3:41 pm on October 10, 2007 Permalink

      Thank you very much for this info, i was dealing myself with this problem for almost a year…i didn’t know that the answer was so easy…Thank you again!

    • Marie 11:32 pm on April 16, 2008 Permalink

      Thank you so much for the links to the plug-ins. I’ve recently started uploading my illustrations to sell as stock and I had a few rejected because of open paths. Thanks for the help.
      Marie

    • boojoo 9:14 am on April 17, 2008 Permalink

      no problem

      hope your stuff get approved soon and good luck on sales.

    • Anonymous 6:28 am on April 18, 2008 Permalink

      you are great
      thanks

    • dexonavite 11:21 am on April 28, 2008 Permalink

      nice!
      now i download it and try to use!

    • boojoo 12:35 am on May 8, 2008 Permalink

      YOU all welcome

    • Anne 6:24 am on May 13, 2008 Permalink

      Thank you so much! It’s a life saver!

    • Prem 2:53 pm on May 17, 2008 Permalink

      select the open paths and press ctrl+J it will close the open paths… have fun!!!!!

    • Jon 11:57 am on May 28, 2008 Permalink

      The close path plugin is pure bliss! Why is this not already part of illustrator?

      Thanks a million.

    • boojoo 12:48 am on May 29, 2008 Permalink

      there is so many plugins out there that could be a part of illustrator but usually they are for sale. Not sure why,
      they may include this in CS4 maybe..

    • spondicious 9:46 pm on July 7, 2008 Permalink

      I agree that it should be a part of Illustrator already. When I was a CorelDraw user I liked that I could have my object auto close if I drew the end close enough to the starting point. I was getting really miffed having to find all the open paths to be able to close them.

      I did find a plug in that found the open paths first which helped identify where I had work to do but then I had to close them one by one or use a trick to close the paths. The I cam across this page and the next plug in I found finished the job for me

      Thanks a lot

    • Pete 10:24 pm on August 13, 2008 Permalink

      Terrific shortcut – saves hours of work, many thanks!

    • aeli 7:08 pm on September 25, 2008 Permalink

      Thanks a million! This saved me hours and hours !!!

    • Todd 1:54 am on January 16, 2009 Permalink

      Thank you so much, this is a lifesaver for my stock vector work.

    • Burcu 1:57 am on January 16, 2009 Permalink

      YOU WELCOME GUYS!!

    • Hakan 11:40 am on January 21, 2009 Permalink

      i kiss you bro:)

    • araraadt 7:39 pm on February 26, 2009 Permalink

      thanks a lot!

    • araraadt 8:25 am on February 27, 2009 Permalink

      sorry, but with Illustrator CS4 this doesn’t work :(

    • Burcu 5:07 pm on February 27, 2009 Permalink

      the plugins probably are only for CS TO CS3 doesnt cover CS4

    • Nemanja 8:55 pm on March 29, 2009 Permalink

      Thank You very much…

    • Chetan Jivani 6:40 pm on March 31, 2009 Permalink

      I tried installing the plug-in as directed “drag and drop it into the illustrator plug-ins folder”, but on initiating illustrator CS & CS3, i could not find the options made available by the plug-in under the select/object menu item. Can someone tell me what I am doing wrong?

    • Burcu 7:10 pm on March 31, 2009 Permalink

      maybe you have not placed it in the correct folder

      it may be under C:/ Program Files / Adobe / Illustrator / Plugins/

      depends on where YOU SET UP YOUR ILLUSTRATOR PROGRAM
      just get inthe program folders and find Plugin folder and drop the plugin inside this folder
      then open illustrator and it appears under Select / Object menu..

      Hope that helps

    • Rebecca Eng 12:47 pm on April 4, 2009 Permalink

      I have CS3 on mac. i also put the plugin straight into the plugins folder and no additional options are appearing under select / object..?

      thanks.

    • Burcu 5:25 pm on April 4, 2009 Permalink

      hmm..maybe does not with MAC? Im not sure sweety.
      need to reopen the the program, it appears there usually if its in the correct folder but never tried with MAC so not sure about that.

    • Mac Parsons 5:20 pm on June 7, 2009 Permalink

      I have never understood WHY Adobe never incorporated such a basic operation in Illustrator … one would THINK after acquiring Macromedia a few years back the best attributes of FreeHand would make it into Illustrator. Guess not.

    • Bethro 6:47 pm on July 17, 2009 Permalink

      I notice a couple of people have the same problem I had getting the SelectMenu plug-in to show up. Here’s how I figured it out:

      I went back over the instructions text that is in the downloaded plug-in folder (read me.txt) – it says you can go back to the Graffix web site for plug-in updates. Turns out the plug-in download link provided on this page is only for CS and CS2. I went to Rick Johnson’s web site, found the plug-in for CS3, downloaded it, opened my Plug-ins folder, deleted the old plug-in and put in the new CS3 plug-in, restarted Illustrator CS3 and I now see the options for selecting.

      In a nutshell, make sure you have the correct plug-in for your software version and computer type – Mac or PC. I hope this helps.

    • AridOcean 9:14 am on August 14, 2009 Permalink

      Since the plugin is not available for Illustrator CS4 under Windows I wrote my own script for extended selections.
      It offers almost the same functionality as the Graffix plugin and adds some more options, including the ability to close any number of open paths with one click.

      Since it is a script and not a plugin it should run under future Illustrator versions as well.

      The script is free.

      You can download it from my site:

      http://maps.aridocean.com/scripts_en.php

    • Cyan 12:28 pm on December 17, 2009 Permalink

      @AridOcean

      Many many thanks!

      Never knew you can extend Illustrator with js scripts.

    • helios 10:24 am on January 4, 2010 Permalink

      thank you !thank you! i try to fix for a couple days! thank you again!

    • Anonymous 10:39 am on November 15, 2011 Permalink

      hey! thanks for posting this. One short question though: does it work in cs4, because i can’t seem to find it.

    • MUJKA CHIC 10:55 am on November 15, 2011 Permalink

      use this
      it works with CS5..but it is for CS4

      http://maps.aridocean.com/scripts_en.php

    • Madambond 4:34 pm on November 17, 2011 Permalink

      What do I do with the php for CS4/5? do i save it somewhere or???

    • MUJKA CHIC 7:24 pm on November 17, 2011 Permalink

      php is the webpage’s format, its like HTML, on that address, there is a program you need to download and follow the instructions

    • karyn 3:02 am on May 17, 2012 Permalink

      You are my hero. Thank you. I had to use CS3 to make this work, but that is fine by me, it worked!

    • Max 3:34 am on June 11, 2012 Permalink

      Thank you very much, works great

  • MUJKA CHIC 3:18 am on August 15, 2007 Permalink | Reply
    Tags: , , , , , tutorial,   

    Halftone Illustrator Brushes Tutorial 

    Hello everybody

    OK, after reading so many emails about how to create halftone brushes, I will write down 2 simple tutorials for it
    There is two ways to create half tone patterns



    1- Photoshop
    2- Illustrator or any other vector editing program.


    1- With Photoshop ( we will transfer the image to Illustrator later)
    A- Open a 800X600 px file, white background
    B -Try some gradients (black and white) could be circle or square on a different layer.
    C- Apply Filter/Sketch/Halftone Pattern to your gradient layer
    be sure your background color is black and foreground color is white, you can choose dots or lines
    D- After applying the filter you have blury halftone pattern image
    to make it sharp
    E- Apply Image/Adjustments/Threshold
    play with the levels so you see proper dots/lines
    F- save the file as jpeg and open it at illustrator
    at Illustrator, there is different trace options
    Object / Live Trace
    trace it as black and white , play with numbers to get exact look you want
    and expand your image after that.
    Now you have halftone pattern image


    2 – With Illustrator
    open a 800×600 px file ( white background)
    draw a big black circle with no strokes
    and in the same row draw another small black circle
    be sure they are aligned but far away from eachother
    click on Blend on toolbox
    and choose specified steps ( here steps depends on how far you put your 2 circle so you need to find out by trying out)
    My big circle was 30 x30 px and small one is 10×10 px and I aligned them as 6 other circles can fit in between with 2/3 px space.
    put 6 at the step area
    then your arrow button changed to blend tool arrow
    click on big circle and then small one
    now you have a lined up descending 8 circle
    copy and past this line couple of times under your first line
    final image should look like perfect halftone pattern dots.
    You can align them as circle or any shape to create different looks.
    Group all lines.
    to make different shapes
    align your first and second circles in different areas even add another smaller circle and then blend them together so you will have different pattterns
    follow the steps above after blending.


    HOW TO MAKE BRUSH OUT OF YOUR IMAGE

    First make a copy of your halftone pattern image outside of the canvas area ( optional)
    expand the whole image drag and drop the image in brush library window ( it has already custom brushes on it, you can leave or delete them)
    a new window asks you if you want this image as scatter, art or pattern brush
    lets select art brush and click ok, Brush options window opens immediately, here you can pick direction of your brush, name it..etc, you play it later:)
    click ok.
    Now you have a new halftone pattern brush.
    to try your new brush
    select it from brush library
    and draw a line or any shape with your brush tool
    You can save this same image as different brushes to get different options, effects
    as scatter, it will give you whole alot of options to create your halftone pattern brush
    or as pattern brush, it duplicates itself as your lines goes
    so try all of them to get what you really want.


    I hope this tutorial was helpful for everybody who is desperately looking for Halftone vector effects.


    If you need some examples and download free brush set please visit my Brush set page at
    Mujka Brushes

    Burcu Arat Sup

     
    • Jim 2:19 pm on October 7, 2007 Permalink

      Hello…

      I’ve tried your methods. Im getting somewhere but my images are butt ugly. They aren’t
      rounded like a full circle should be. I found and purchased some halftones at http://vectorstock.com/gallery/1078/ and those are round!??! I’d like to make mine like that.

      Any ideas?

      Thanks again for some good insite on the matter.

      -Jim

    • boojoo 3:16 pm on October 7, 2007 Permalink

      Did you apply the second method
      because after you get a line of perfect circles, duplicate it couple times , you need to align them manually to get circle or rectangle shapes,

    • Jim 10:55 am on October 15, 2007 Permalink

      Im sorry I thought I bookmarked this topic.

      Well Boo… Sure both methods work… but as I originally stated I I’d like to make the patterns like http://vectorstock.com/gallery/1078/ . But basic shapes etc isnt what I am after. LOL, I have to be complicated on this. I need a moments rest on this for I am becoming cross-eyed.

      Thanks for your reply

      -J

    • anniedaws 6:00 pm on June 16, 2008 Permalink

      Hello,

      Thanks for this tutorial. Can you make an illustrator custom gradient swatch that is a black and white half tone? i have been trying but can’t keep it uniform or continuous-any suggestions?
      Thanks!

    • Burcu 6:27 pm on June 16, 2008 Permalink

      this kind of swatch can only repeat vertically or horizontally as it doesn’t have have same corners, you have to keep the swatch size same as your shape size at least in one dimension, vertical or horizontal so it repeats,

c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel
Follow

Get every new post delivered to your Inbox.

Join 62 other followers

%d bloggers like this: