Table Of Contents

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

InDesign Table Of Contents

How to create a functional table of contents in InDesign

[/fusion_text][fusion_youtube id=”https://youtu.be/qLVjX5Ocjdk” width=”560″ height=”315″ autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” /][fusion_separator style_type=”none” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”35px” bottom_margin=”” border_size=”0″ icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” /][fusion_text]

InDesign has some powerful tools for creating a table of contents. Before we can create a table of contents in InDesign we need to make sure we have our paragraph styles in place. In this example, we target all the chapter headers by selecting the appropriate paragraph style assigned to the chapter headers. By creating a further style for the table of contents we can control the appearance and tweak it afterwards should we need to make any adjustments to font size or tab distance etc.

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Using the Pen Tool

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

InDesign Tools

Using the pen tool to draw irregular shapes

[/fusion_text][fusion_youtube id=”https://youtu.be/AEE5IHeDzIA” width=”560″ height=”315″ autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

InDesign Documents

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” background_position=”left top” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_opacity=”0.5″ border_size=”0px” border_style=”solid” padding_top=”20″ padding_right=”45″ padding_bottom=”0″ padding_left=”65″][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”yes” center_content=”no” hover_type=”none” link=”” min_height=”none” hide_on_mobile=”no” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” border_size=”” border_color=”” border_style=”solid” border_position=”all” padding=”” margin_top=”0px” margin_bottom=”0px” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

InDesign Documents

Importing text and resolving formatting issues

[/fusion_text][fusion_youtube id=”https://youtu.be/oswz5lw5myw” width=”600″ height=”350″ autoplay=”false” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” /][fusion_separator style_type=”none” top_margin=”25″ bottom_margin=”25″ alignment=”center” /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Find-Change to Apply Character Styles

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_opacity=”0.5″ border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

InDesign tutorials

Find/Change to apply  character styles

[/fusion_text][fusion_youtube id=”https://youtu.be/Cwcs29eeCL4″ width=”560″ height=”315″ autoplay=”false” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Using the baseline grid

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

InDesign Tutorials

How to use the baseline grid

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]For this tutorial, I have set up a new document and given it three columns.

1. Using the indesign type tool iconType Tool, create a random size text frame in each column like shown.

 

indesign text frame

 

2. Use the Selection Tool to thread (link) the frames together. Click on the out port of the first frame and then click inside the second frame. Now click on the out port of the second frame and then click inside the third frame. They should all now be threaded together.

To reveal the threads choose ‘View/Extras/Show Text Threads’.

3. Fill the frames with ‘Placeholder Text’. Double click inside the first frame and choose ‘Type/Fill With Placeholder Text’

4. Turn on the Baseline Grid. Choose ‘View/Grids & Guides/Show Baseline Grid’.

If you can’t see the grid after turning it on then you need to adjust the View Threshold in the application preferences. Choose Preferences, on the Mac this can be found under the application name, on Windows it is listed under the Edit menu.

5. Under preferences select ‘Grids’. Firstly change the View Threshold to less than your current zoom level, (select ‘View/Fit Page in Window’ first). Change the ‘Increment Every’ to 14pt. It is crucial to match the increment setting to the Leading, (line spacing). Just click ‘OK’ when you are done.

indesign preferences panelNB. there is no preview in preferences panel!

 

Note how the text is not horizontally aligned through all three frames. So let’s fix that problem.

6. Select all your text.

7. In the ‘Control Panel’ change the Font size to 12pt and change the ‘Leading’ to 14pt to match the Baseline Grid.

control panel showing font family and styling location

We need to tell the text to sit on the baseline or it will just ignore it.

indesign control panel for text

8. Under the Paragraph Formatting Controls of the ‘Control Panel’ select the Align to baseline grid option.

indesign text frames with aligned text

Note how all the text is now aligned. Try moving a frame up and down, the text will adjust automatically to stay aligned.

Your text is now aligned to the baseline grid.[/fusion_text][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_youtube id=”https://youtu.be/66jI_6jCamk” width=”600″ height=”350″ autoplay=”false” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Photoshop, restoring old photos

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_opacity=”0.5″ border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]

Photoshop: Restoring Photos

Repairing old or damaged photos

[/fusion_text][fusion_text]This photo was given to me by a friend. It is only a portion of the full image, but you get the idea of the quality. It’s old and discoloured and suffered some damage.

yellowed and damaged old photo

Clearly this photo has seen better days. No idea what was stuck to the baby’s arm, toffee is my guess. Anyway, there is plenty to consider. Firstly I want to get rid of the yellowing of the photo, this can be resolved easily.  As this is a black and white photo we can take advantage of the desaturate function, (image/adjustment/desaturate). Don’t change the colour mode to greyscale – more on this in another tutorial.

photoshop adjustments menu

Great, that’s sorted that nasty yellowing.

old photo desaturated

So if we are going to restore this old photo we will need to get to work on the marks, scratches and that toffee blob. Choosing the right tool for the job is half the job done. This will come with experience and some tools work great on one image and not so great on another. I am going to attack that blob first and for this I will select the Patch tool.  You may not be able to see the Patch Tool so click and hold your mouse button on the whatever tool is visible to reveal the other tools hiding. See image below.

photo restortion tutorial image

Using the Patch Tool draw roughly around the blob.

damaged old photo

If your selection isn’t quite right, just click away and draw again.

photoshop tools for repairing damaged areas of photo

Next, click inside the selection and drag the selection up and over to a ‘clean’ area of the arm and let go.
The blob will vanish! Photoshop compares the two areas, understands that the selection contains something not in the targeted area and so combines the two areas, removing the blob in the process. To see how this works, try choosing a randomly targeted area, like the baby’s eye, then see the result.

The Patch Tool does a pretty good job. You may be lucky, it may do such a great job in one go or you may have to combine the use of different tools to finish the job. I tried the Patch Tool on the hole by the baby’s cheek. It didn’t work well at all. For this area, I am going to use the Clone Stamp, see image below.

photo restoration tutorial image

Careful with this tool. It can be brutal if you don’t set it right. You need a soft edge brush and size accordingly. Remember, you need to sample an area to clone first. Hold down ALT and click. The best method is to constantly re-sample areas so you are not cloning from one fixed point. I started in the area where the blanket meets the cheek – see the red lines.

showing damaged photo

photo damaged area
Once I had red-drawn this edge it made it easier to repair area on the cheek. Using the clone stamp and the patch tool to complete the repair. Practice, practice, practice! I have been a little vague with this tool as I will provide a more detailed walkthrough in another tutorial.

Try the different tools available and see the difference. The spot healing tool is great on spots! Remember to keep a soft edge to your brush.

photo-restoration-image-repaired[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

InDesign and Photoshop

[fusion_builder_container admin_label=”” hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”#ffffff” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”” video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”” video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”0px” padding_bottom=”” padding_left=”0px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”yes” center_content=”no” hover_type=”none” link=”” min_height=”none” hide_on_mobile=”no” class=”” id=”” background_color=”#ffffff” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” border_size=”” border_color=”” border_style=”solid” border_position=”all” padding=”” margin_top=”0px” margin_bottom=”0px” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]

Tutorials

[/fusion_text][fusion_blog layout=”grid” blog_grid_columns=”3″ blog_grid_column_spacing=”40″ number_posts=”15″ offset=”” cat_slug=”” exclude_cats=”” orderby=”date” order=”DESC” thumbnail=”yes” title=”yes” title_link=”yes” excerpt=”yes” excerpt_length=”12″ strip_html=”yes” meta_all=”no” meta_author=”no” meta_categories=”yes” meta_comments=”no” meta_date=”no” meta_link=”yes” meta_tags=”yes” scrolling=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Photoshop, removing chromatic aberration

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_opacity=”0.5″ border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]

Removing Chromatic Aberration

Magenta or green fringing

[/fusion_text][fusion_text]Chromatic aberration, the term we apply to the nasty magenta or green fringing in digital photography.  The areas most affected are high contrast areas, for example around trees the high contrast of the sky.  It will ruin a good photo. But fear not, we have a technique that will help target those areas and fix them.
Here is a classic example of chromatic aberration, not a great photo, but a good example nonetheless.

showing areas of high contrast
image 1

Image 1 shows high contrast areas around the bridge.  The sky has ended up quite over-exposed and there is magenta fringing where the tones change so dramatically.

close up showing chromatic aberration
image 2

Image 2 clearly shows the issue. Correcting our photo of this problem is, fortunately, easier than expected.

copying a layer in photoshop
image 3

Copy your layer

Open the image in Photoshop and copy the layer. Drag the layer to the new layer icon as shown in image 3. 

Blur the layer

Next we are going to apply a blur to the top layer.  Select the top layer and click on Filter in the menu and select Blur/Gaussian blur. See image 4.

filter gallery photoshop
image 4

You need to be quite generous with the blur, in this case I have chosen a blur setting of 50pixels.

gaussian blur panel photoshop
image 5

Click OK to apply the blur and then we need to take a look at the blending mode of the layer.

photoshop blending modes
image 6

Blending mode

Change the blending mode to Colour.  When you change the blending mode you will notice although the magenta fringing has gone, we have also lost colour across the entire image. Not good! But do not fear…

applying layer masks in photoshop
image 7

Layer mask

We are going to add a vector mask as shown in image 7. click on the add layer mask icon. You will add a white mask to the layer. We need to change this to a black mask – we need to inverse it. Ctrl+i(win) cmd+i(mac)  If you can remember to hold down the alt key when you click the add vector mask option then you will get a black mask! The image will now revert to it’s original state.  In other words, the mask now has a big hole in it so we can see the image underneath. 

removing the magenta fringing in photoshop
image 8

Now paint

Now select a soft round paint brush and choose white as the colour. Resize your brush just a little larger than the magenta fringing and spray over all the magenta areas. 

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]