Thursday, July 9th, 2015

It’s Fun to Make Flat Design Portrait Icons in Illustrator

portrait 2 Its Fun to Make Flat Design Portrait Icons in Illustrator

Even if you can’t draw, you can make these icons!

It sounds scary to be drawing facial icons if you can’t draw, but these are simple to make. The lovely thing about using Illustrator is that you can move pieces around until you get the result you like. You can also delete bits that you don’t like and redraw them.

In this Youtube video I’ll show you the basics of making a flat design female portrait in Illustrator. You’ll build it from the bottom up stating with the shoulders and neck and the clothes. Then make the head and add the features. Finally you’ll do the hair and the optional shadow. Building a solution up step by step like this is a great way to learn to use Illustrator and a fun way to put your skills to work.

Your design can be realistic or quirky, as these samples show but they are all done the same way with simple steps that anyone can do.

 

female icon Its Fun to Make Flat Design Portrait Icons in Illustrator

 

portrait2 Its Fun to Make Flat Design Portrait Icons in Illustrator

So, without further ado, here is the video for your enjoyment:

Friday, June 26th, 2015

Find Unflagged Photos in Lightroom

find unflagged photos in lightroom Find Unflagged Photos in Lightroom

When you need to find everything you haven’t flagged, here’s two ways of doing it

The long way (using the menus) is to:

1.  First click on the Folder containing the photos to check

2.  In the Library module, choose Library > Enable Filters (if it is already checked then don’t select it!)

3.  Choose Library > Filter by Flag > Unflagged Photos Only to see the unflagged photos.

If you flag any photos with this filter in place, they will immediately disappear from view – because they are no longer umflagged – they won’t match the current filter.

When you are done, click Filters Off to go back to viewing all the photos.

The second way to isolate unflagged photos:

Again, is to click on the Folder containing the photos to check

find unflagged photos in lightroom using the filter bar Find Unflagged Photos in Lightroom

Now, on the Filter bar, just above the Filmstrip click the middle of the three flag icons. You will see the Unflagged Photos alert appear temporarily to indicate you have selected to view unflagged photos only.

When you are done, click Filters Off.
 

 

 

 

Thursday, March 26th, 2015

Quickly Open an Image in Photoshop

click to launch open dialog in photoshop Quickly Open an Image in Photoshop

Did you know you don’t actually have to choose File > Open to open a document?

Yup! It is so!

To avoid having to choose File > Open anytime you want to open a new image in Photoshop just double click on the workspace and the Open dialog opens automatically for you.

Simple and quick. What’s not to like about techniques like this?

Friday, March 20th, 2015

Crop the Artboard to the size of an Object in Illustrator

Screen Shot 2015 03 19 at 7.36.50 AM Crop the Artboard to the size of an Object in Illustrator

How to resize your artboard to match the size of your Illustrator image

You’ve probably experienced the problem where you draw something in Illustrator and, when you are done, the artboard is way too big for the image. For convenience you need to scale down the artboard so it matches the size of your image.

Now you could go and grab the Artboard tool and start adjusting its size but there is an easier way. Start by selecting the objects on the artboard and then click the Artboard tool in the Tools panel twice. This opens up the Artboard Options Panel. From the Preset dropdown list choose Fit to Selected Art. The artboard will be instantly resized to fit the art on the artboard.

Screen Shot 2015 03 19 at 5.54.06 AM Crop the Artboard to the size of an Object in Illustrator

Click another tool such as the Selection tool to deselect the Artboard and you are good to go – you’ve cropped the excess artboard away from your artwork.

Friday, February 20th, 2015

Illustrator Script to Make a Rectangle the Size of the Artboard

I used to have this information buried at the end of another post but I keep looking for it and never finding it. So, if I have trouble finding it, you probably do too! So, here is a post dedicated to creating a rectangle the size of the artboard in Illustrator. If you have multiple artboards then each gets a rectangle.

I found the script over at the Adobe forums there is a short script from a user called moluapple which creates a rectangle the size of the artboard. It’s a great script and I use it just about every day.

To use the script, head over to the forum and copy the code from there, paste it into a plain text editor such as Notepad or WordPad and save it as a script file with the .jsx extension and a name that makes sense to you. Put it in the Presets/Scripts folder for your Illustrator installation. Restart Illustrator and you’re ready to go.

Just in case the forum thread one day disappears, here is a screenshot of the script which makes a rectangle the size of the artboard – that way, you can always type it by hand!

scripts in illustrator make a rectangle the size of the artboard Illustrator Script to Make a Rectangle the Size of the Artboard

Also, here is a link to my Youtube video on scripting in Illustrator just in case you need some more help downloading and installing scripts:

So, now you are all ready to download, unzip, locate and run scripts in Illustrator and I have a post I can refer to anytime I need to do it too!

Saturday, January 24th, 2015

What Symbols are Included in Illustrator

all illustrators symbols from its symbol libraries in one easy to view screensho 2t What Symbols are Included in Illustrator

Instantly view the entire Illustrator Symbol collection

Illustrator comes with a lot of handy symbols but opening each set in turn looking for something usable is a major time suck.

If you think like me then you’ll love this blog post over at  Tiny Tutorials’ Adobe Classroom which has a honking big image with all the symbols shown in it for your enjoyment.

Here’s a mini preview of what you will find there – go! click! savor the goodness! Tell them I sent you.

all illustrators symbols from its symbol libraries in one easy to view screenshot What Symbols are Included in Illustrator

 

 

 

 

Wednesday, January 21st, 2015

Delete Unused Keywords in Lightroom

Screen Shot 2015 01 17 at 5.31.07 PM Delete Unused Keywords in Lightroom

Clean up your Lightroom keyword list

I recently imported a heap of stock images into Lightroom so I could easily find images I wanted to use for various projects. When I added keywords to the images I ended up removing a lot of the images’ own keywords before replacing them with my own.

The problem I then encountered was that I had a heap of Keywords in my Keyword list with 0 images associated with them. In short my keyword list was bloated with useless keywords.

While you can right click a keyword and click to Delete it – this was an impossible task it would have taken hours. Instead you can clean up the list instantly with one simple command. In the Library in Lightroom click Metadata and choose Purge Unused Keywords – instantly all the keywords that aren’t associated with images are deleted. Simple!

Saturday, January 3rd, 2015

Convert a Shape to Path in Photoshop

Screen Shot 2015 01 01 at 9.03.06 AM Convert a Shape to Path in Photoshop

Learn to quickly turn a Shape into a Path in Photoshop

Sometimes you get caught in Photoshop working with a shape when what you really want is a path. Luckily it’s easy to convert from one to the other – even if it isn’t obvious how to do it.

Screen Shot 2015 01 01 at 8.54.20 AM Convert a Shape to Path in Photoshop

Start with the Layers palette open and make sure you have at least one layer in the document in addition to your shape layer. If you don’t, choose Layer > New > Layer and click Ok.
Screen Shot 2015 01 01 at 8.53.37 AM Convert a Shape to Path in Photoshop

 

Click on the Shape layer in the Layers palette and open the Paths palette.

 

Screen Shot 2015 01 01 at 9.02.30 AM Convert a Shape to Path in Photoshop

 

You will see the shape path there – double click it and give the new path a new name such as path1 and press Ok.

Screen Shot 2015 01 01 at 9.02.46 AM Convert a Shape to Path in Photoshop
Now remove the original shape layer by clicking it and press Delete and you will be left with just your path.

Screen Shot 2015 01 01 at 9.03.06 AM Convert a Shape to Path in Photoshop

 

So there’s a simple but not obvious answer to the question “How do I convert a shape to a path in Photoshop?”

Thursday, January 1st, 2015

Convert a Path to a Shape in Photoshop

Screen Shot 2015 01 01 at 8.43.01 AM Convert a Path to a Shape in Photoshop

When you create a path but you want a shape, here’s how to make a path into a shape in Photoshop

1. First create your path – it should be a closed path. In most cases this will already be done because it is at this point you realise that you have a path but what you really want is a shape.

Screen Shot 2015 01 01 at 8.41.38 AM Convert a Path to a Shape in Photoshop

2. With the Path selected in the Paths palette, choose Layer > New Fill Layer > Solid Color, click Ok, choose a color and click Ok again.

Screen Shot 2015 01 01 at 8.41.54 AM Convert a Path to a Shape in Photoshop

Screen Shot 2015 01 01 at 8.42.15 AM Convert a Path to a Shape in Photoshop

3. If you now look in the Layers palette you will see that you have a Shape layer – the shape having been created from your original Work Path.

Screen Shot 2015 01 01 at 8.42.38 AM Convert a Path to a Shape in Photoshop
Simple when you know how!

 

Wednesday, December 10th, 2014

Photoshop Quick tip: Change from Dodge to Burn Tool

opener22 Photoshop Quick tip: Change from Dodge to Burn Tool

Switch between the Dodge and Burn tools with one key press

While you are making small photo edits one easy trick that could save you a lot of time is switching between pairs of editing tools like Dodge and Burn with one key press.

quickswitch11 Photoshop Quick tip: Change from Dodge to Burn Tool

So to change from the Dodge to the Burn tool (or vice versa), hold down the Alt key (Option on the Mac).

quickswitch2pg1 Photoshop Quick tip: Change from Dodge to Burn Tool

While you have the Alt key (Option key) held you will be using the other tool. Let go the Alt (Option) key to return to the original tool you were using.

Image1 Photoshop Quick tip: Change from Dodge to Burn Tool

Now you can easily move back and forth between tools to speed up your edits.

Photo credit: © anitab0000 freeimages.com

Friday, November 21st, 2014

Photoshop – Quickly Change Your Brush Size

changesize opener1 Photoshop   Quickly Change Your Brush Size

Quickly change the brush size (without using the slider)

When you’re using any tool in Photoshop that uses a brush such as the Brush itself, Eraser, Dodge, Burn and many others, you can change the size of the brush using a keyboard shortcut rather than having to use the size slider.  This fast and easy shortcut can save you a lot of messing around.

changesize 1 Photoshop   Quickly Change Your Brush Size

To change the size of the brush for any tool that uses it, press the opening square bracket key ([) to decrease the size of the brush and press the closing square bracket key (]) to increase the size of the brush.

changesize 3 Photoshop   Quickly Change Your Brush Size

Notice from the top image to this one the brush has increased in size (I pressed the keyboard shortcut ] to do this) and I can easily make my adjustments without having to mess around with the brush size slider.

changesize 2 Photoshop   Quickly Change Your Brush Size

Photo credit: © anitab0000 freeimages.com

Tuesday, November 18th, 2014

Quickly Add Placeholder Text to a Newsletter Mock up in Photoshop

Placeholder text 4 e1416276667999 Quickly Add Placeholder Text to a Newsletter Mock up in Photoshop

Automatically put placeholder text in a newsletter mock up in Photoshop

If you are creating a mock up of a newsletter in Photoshop I suggest you use “Lorem Ipsum..” as your sample text instead of real text. One thing the human eye is always looking for is readable text, but when you use “Lorem Ipsum” because it makes no sense at all your reader’s eye will go to your design instead of tying to read the placeholder text. 

To create a text box and fill it automatically with “Lorem Ipsum”, select the Type tool on your tool bar and click and drag where you wish your text box to go.

Select the font face, font size, and font color on the tool options menu.

Placeholder text 2 e1416276587289 Quickly Add Placeholder Text to a Newsletter Mock up in Photoshop

To fill the text box with your placeholder text, click Type on your main menu then click Paste Lorem Ipsum on the drop down menu.

Placeholder text 3 Quickly Add Placeholder Text to a Newsletter Mock up in Photoshop

This fills your text box with the placeholder type.

Only make and fill one text box at a time, if you need more text then click in the text box and reselect Type>Paste Lorem Ipsum to refill it.

Placeholder text 4 e1416276667999 Quickly Add Placeholder Text to a Newsletter Mock up in Photoshop

Sunday, October 5th, 2014

What to do when Kuler won’t update in Illustrator

update kuler in illustrator 1 What to do when Kuler wont update in Illustrator
Notice the refresh icon is greyed out!

Help! Kuler won’t sync with Illustrator!

Unfortunately when Adobe changed how Kuler works with Illustrator CC they broke a great tool. Instead of being able to search for color schemes from inside Illustrator you now have to do this on the web and favorite a color scheme if you want it to appear in Illustrator. At least that’s the theory – in practice Kuler is very slow to update in Illustrator making it nearly impossible to use it in a meaningful way – unless you know how to force it to update.

While you should be able to click the Refresh button at the foot of the Kuler panel most of the time this is greyed out – so you can’t force a refresh. The only solution that reliably works for me is to sign out of your Creative Cloud account inside Illustrator then sign in again.

So, to force the update, go to Help and click to sign out – in practical terms you are deregistering your Adobe account on this computer for now. Now close Illustrator and restart it – when prompted to do so, log in to your Adobe account and voila! Kuler will update.

 

update kuler in illustrator 21 What to do when Kuler wont update in Illustrator

Seriously Adobe really should be more proactive in fixing this stuff when it breaks like this. It shouldn’t be too hard to do – just make the Refresh button do what it is supposed to do!

For what it is worth, the problems with Kuler occur with both the Windows and Mac version of Illustrator.

 

Friday, September 19th, 2014

How to center a layer in a Photoshop document

centering a photo in Photoshop opener1 How to center a layer in a Photoshop document
Image Credit: © 2014 freeimages.com, anitab0000

Help! How to center a layer’s contents in Photoshop

Whether you’re making  a simple document,  newsletter or editing a photo a necessity is being able to center your layers. This task took me by surprise as to how challenging it was but in a few steps it can easily be done.

First press Control and click  the layer  thumbnail for the layer you want to center in your Layers panel.

first step for centering a photo on Photoshop How to center a layer in a Photoshop document

Click Select  > All (Control/Command + A). This makes all of your layers selected. You can tell this is done by the marching ants around your full image.

centering a photo in Photoshop 21 How to center a layer in a Photoshop document

Click Layer >Align Layers to Selection > Horizontal Centers.

centering a photo in Photoshop 3 How to center a layer in a Photoshop document

Notice that your layer is now centered.

centering a photo in Photoshop 4 How to center a layer in a Photoshop document

Press Control/Command + D to deselect your layers.

Now your layer content is deselected and aligned  horizontally and you’re free to continue editing.

Saturday, September 13th, 2014

Activate Photoshop’s Full List of Filters

header Activate Photoshops Full List of Filters

Despite their existence in earlier versions of Photoshop some categories of filters are mysteriously missing from the menus in Photoshop CS6, Photoshop CC and Photoshop CC 2014. This is the default behavior so you won’t find the Artistic, Brush Strokes, Sketch, Stylize or Texture category of filters in the Filters menu. This is a problem if you use these filters so luckily you can bring the filters back when you know how.

It turns out that an option in the Preferences menu acts as gatekeeper for displaying the missing filter categories. To re-enable them, select Edit > Preferences > Plug-Ins…. Then check the box that reads Show all Filter Gallery groups and names. Click OK and restart Photoshop. This will put the filter categories back in the Filters menu.

1 Activate Photoshops Full List of Filters

Now you could have accessed the missing filters from the Filter Gallery but the way the filters are named in the Layers palette is different if you access them from the Filter Gallery rather than from the menu itself. So, if you use Convert for Smart Filters to create a smart object before applying the filters and if you start a filter from the menu then the filter name appears below the layer so you can tell the name of the filter you are applying. This image shows this situation:

missing filters in photoshop cc cs6 cc2014 1 Activate Photoshops Full List of Filters

If, on the other hand, you start your filter from the Filter Gallery the Layers palette simply shows Filter Gallery – with no indication of which filter you applied. This is what the Layers palette looks like – not very helpful at all.

missing filters in photoshop cc cs6 cc2014 2 Activate Photoshops Full List of Filters

In short, having the filters back on the menu and selecting them from there is the better option.

Be aware too that the Oil Paint filter was removed from Photoshop CC 2014 so it is gone for good.

Page 1 of 3712345102030Last »