Tanya Sokolovskaya's blog

On magazine layout design and behind-the-scenes of my work as a designer. Check out some of my work on the website

Catandala: Cat-Spirit Mandalas

Here we go, presenting you Catandala! This is a lovely adult colouring book where each page reveals uniquely crafted mandalas adorned with charming cats! The book is available on Amazon.

Here’s a little backstory. I stumbled upon an old illustration of mine, created over a decade ago:

It is a gel pen drawing on an A4 sheet of paper

The nostalgia hit me, and I couldn’t resist bringing these feline friends to life again! That’s when the idea struck – why not turn these adorable cats into a unique adult colouring book, blending mandala patterns with their irresistible charm :-)

Some of the designs
 No comments    33   2 mo   Amazon   My books

Designing label cover artwork series using AI: my step-by-step experience

In this blog post, I’ll share my experience using AI image generators to create release cover artwork for JOOF Recordings, a UK record label run by John 00 Fleming. I was approached by a JOOF manager with the task of creating a new artwork design by continuing the theme of the current covers. Unlike using dramatic changes and coming up with something entirely different, the challenge was to provide a fresh look while maintaining the previous style. The initial covers were hand-drawn by an illustrator, which was time-consuming and expensive. So, I proposed using AI as a cost-effective and quicker alternative.

Cover artwork references

I compared three AI image generators: Midjourney, Leonardo, and DALL·E. I chose Midjourney for its alignment with my project needs.

For those of you not familiar with Midjourney, let me quickly explain what it is. In a nutshell, Midjourney is a chatbot hosted on Discord servers, and you can operate it using chat commands called “prompts”. One of such prompts, for example, is “/imagine”, which makes Midjourney create an image based on the input parameters.

The process started with me uploading the original covers as references into Midjourney. My first attempt involved simply generating similar images. However, the results were far from what I expected:

I began with the original prompts but soon realized that a white background would make my task easier. The results, however, turned out quite different from the initial step:

I asked the bot to describe one of the original covers and generated images based on those descriptions:

The results varied widely:

I uploaded another cover for description and generated images with the new prompts:

But again, the outcomes were not as expected:

And I repeated the process with a third cover:

But the results still missed the mark:

Then I returned to the first prompt but excluded the colour pink and added “charcoal drawing” to the prompt, followed by “charcoal style, minimal, no faces, girl, man”:

I also tried “charcoal style, minimal, flat,” which brought back faces:

So I added “no faces” again:

And I included words like “silhouettes” and “abstract” in the prompt:

However, the silhouettes became too human-like, so I added “alien flat silhouette”:

Changing the order of words in the prompt influences the results: “charcoal style, minimal, alien flat silhouette, no faces” → “minimal, charcoal, abstract, alien flat silhouettes, no faces”. And the results are getting closer and closer to the desired ones:

I switched from “flat” to “blurred”:

And continued to tweak the prompt, which now looks like “link_image_1 link_image_2 link_image_3 link_image_4 minimalist, charcoal, abstract, alien blurred silhouette, flat, no faces”. Here are some of the covers in the links. I added the image weight parameter to the prompt to make the covers have more influence on the result and I got this:

I adjusted the influence of the original covers in the prompt and experimented with different parameters like “weird” with values of 2000 and 3000:

And added words like “dust” and “scratches”:

I replaced “alien” with “ghost” and generated more variants with the latest prompt:

Also I introduced the “chaos” parameter with varying values, leading to a range of intriguing images:

Some images caught my attention, so I generated variations and added “no faces, hands, legs” to the prompt:

Then I upscaled the most suitable images for further work:

The images I selected from the generation process for further work

Finally, I took these generated images into Photoshop to unify their style and appearance. The end result was a series of unique and stylistically consistent album covers, all created with the aid of AI technology:

The client at JOOF loved the result so much so then they asked me to make a refresh artwork for their sub-label too called JOOF Aura.

Cover artwork references

With these design I went through pretty much the same process, so let fast-forward you to the final result:

My opinion about AI is that the future lies in this technology. However, it’s important to note that it’s not as simple as generating designs with a single click. It involves a substantial amount of work. Even for this artwork, it took me many hours across multiple days to control the visual output guided by my vision, master the prompts and get the result done right. Which is surely faster if I were drawing this by hand, but still not as easy as it might seem when someone hears the words “AI” being involved.

I believe that designers who master this technology will undoubtedly have an edge in the future. AI doesn’t just replace hours of manual labour; it becomes an invaluable tool in a designer’s arsenal. The era of relying solely on Photoshop is evolving into one where AI complements Photoshop.

Nevertheless, it’s crucial to understand that professional skills are still required to effectively use these tools. A manager, for instance, can’t just generate the needed images without a background in design and a trained eye. The role of the designer is not diminished but enhanced, requiring a blend of artistic sense and technical know-how to harness the full potential of AI in creative design.

 No comments    38   2 mo   AI   John 00 Fleming   Process

My self-publishing experience on Amazon

I am delighted to share that I am now a self-published author on Amazon! I have published two children’s books — the counting book “One to Ten” and “ABC First Workbook”. Here is what this process looked like for me and what I have learned.

My journey began a decade ago when I wrote a children’s fairy tale. Rediscovering it recently sparked the idea to bring it to life with illustrations and share it with the world. That’s when I stumbled upon Amazon Kindle Direct Publishing (KDP). Illustrating the story presented its challenges, making the book “One to Ten” a sort of trial run.

KDP, the platform by Amazon, allows authors to publish and market their books, with Amazon handling order processing, printing, and delivery. This streamlined process captivated me. The dashboard is user-friendly, you fill in the information, upload files, wait for approval, and that is pretty much it!

One notable perk is Amazon’s provision of ISBN (The International Standard Book Number) at no cost, although with the caveat of exclusive selling on their platform. In the UK, obtaining an ISBN independently would come with a hefty £91 price tag, a significant consideration given my plans for multiple book releases.

I also liked the option to order a Proof of Print for proofreading and visual checks before publishing. However, my enthusiasm waned when I faced with the limited printing options offered by Amazon:

The only printing options available on Amazon KDP

“One to Ten” is designed for shared reading with 2–3-year-olds, necessitating durability. Unfortunately, Amazon’s paper is notably thin, similar to office-grade paper. Additionally, the absence of options for glossy or matte pages is disappointing, with the choice only extending to the cover.

I ordered Proof of Print twice on separate occasions and also placed an order as a customer to see what the real copy would look like. Here is what I have got:

Three copies of my first book, all look a bit different

The first proof of print was pretty decent with precise trimming. However, the thin paper and the colour reproduction are something I didn’t quite expect. As I later found out, Amazon removes embedded colour profiles resulting in unpredictable hues.

Mindful of the colour profile removal, for the second proof of print I adjusted images for improved shades, yet the improvement turned out to be quite marginal. While the overall colour in the book remained vibrant, the illustration featuring the number 7 saw the deep dark blue of the night sky transform into a mundane black in print, which was upsetting.

That black sky is supposed to be deep dark blue

I also noticed another drawback in the form of unevenly trimmed pages. Despite incorporating proper trim margins in the layout, it failed to rectify the issue, as echoed in customer complaints on Amazon.

Unevenly trimmed pages on the second proof copy

Last but not least, the third copy I ordered after publishing the book as a customer came with well-trimmed pages, so it wasn’t too bad after all!

The customer copy is looking good

The sheer satisfaction of holding my 100% self-created product fueled my determination. Despite that Amazon’s print quality is lacking, I decided to pivot my approach. While influencing print quality might be beyond my control, shaping the content remains within reach.

This decision led to the creation of my second book, “ABC First Workbook” – a comprehensive workbook guiding children through the art of writing letters, honing hand control on designated lines, and offering a delightful colouring experience. As a rewarding conclusion, children are presented with a certificate!

So once again I ordered a proof of print followed by a customer copy to spot potential errors and compare the two. Just as with the first book, these came with white margins from trimming, though the customer copy was certainly cropped better:

Despite that, I really loved the book and it delighted me as a creation.

This experience made me conclude with the following:

  • Steer clear of complete background fill for bleed areas.
  • Develop content for books with an awareness of the characteristics of thin pages.
  • Workbooks, colouring books and activity books (for children and adults alike) probably suit best for Amazon’s printing capabilities.

If you have any questions or thoughts, feel free to share them in the comments section :-)

 No comments    17   2 mo   Amazon   My books   Self-publishing

ABCs workbook

I have made the best workbook for learning ABCs ;-) And this book is best because:

  • There are big letters for the first writing.
  • Inside letters are numbered arrows to show the correct way to write.
  • The different tracing lines for each letter.
  • Funny colouring illustration for relaxing between learning letters.
  • Lined pages for more training.
  • And the certificate for successfully learning ABCs.

The book is available on Amazon.

 No comments    11   2 mo   Amazon   My books

My first book “One to Ten”

I am happy to share that I designed and published my first real book “One to Ten: a Rhyming Journey”! It is a toddler’s book for learning numbers from one to ten. There are beautiful illustrations and a short poem for funny learning. The book is now available on Amazon.

 No comments    7   2 mo   Amazon   My books

How to prepare monochrome photos for print

Following the post about preparing images for offset printing, I want to show how to prepare monochrome photos to get a beautiful rich black colour in print.

I have a picture in the RGB colour model:

Let’s convert it from RGB to CMYK and compare:

First — RGB
Second — CMYK

We can see that the black colour has become paler, but it’s okay, the main problem lies in the channels.
Let’s look at the Triad and Black channels separately:

The triad colours kept all the details of the photo
The black colour gets a ‘skeleton’ of the darkest shades

The problem here is that there is always the possibility of colour variations when printing, which will result in a corresponding shade. Let’s look at an example using curves. I moved the Cyan and Magenta curve up and down:

  1. More blue paint
  2. Less blue paint
  3. More purple paint
  4. Less purple paint

Any jump in colour will tint the picture, and to avoid this, you need to transfer most of the detail in the photo to the Black channel. To do this, go into Photoshop and duplicate the image, as we will perform colour separation twice in different channels and then merge them.

We’re working with the first copy now. Convert the picture to CMYK and create a Channel Mixer adjustment layer to move the Triad colours into the Black:

The values I have set are average and may vary. They can be tweaked at the end

Turn off the Black channel and see what we get at the Triad:

The first photo — before, second — after

The Triad underlay became lighter and less detailed.

Open a second copy of the image and convert it to CMYK but with maximum black generation. To do this, you need to create an appropriate colour profile — go to Edit → Color Settings and create a new CMYK profile with the settings:

Convert the picture to CMYK with maximum black generation — Edit → Convert to Profile → select the created profile and look at the picture in the black channel:

You can see that the entire picture has gone into the black channel. Now we need to merge it with the already prepared triad substrate. Open the first file and create a new layer there. Go to Image → Apply Image and copy only the black channel from the second file:

The result is a black mess, and to fix it, you have to enable this layer to be displayed in the black channel only:

Let’s compare the result with the RGB picture:

The first is RGB, the second CMYK

You can see that in CMYK, the picture has a brownish tint, but this can easily be corrected in the Channel Mixer adjustment layer that has already been created:

I reduced Magenta and Yellow slightly and added a little Cyan

For interest, I move the curve to see how the picture changes with paint fluctuation:

The prepared picture hardly changes its hue, and I move the curve quite a lot — in printing it’s unlikely that such a fluctuation of colours will happen. To compare it with the second picture, which I simply converted from RGB to CMYK

So, you get an image with saturated black that looks as good in print as it does on the screen.

Some may decide to print monochrome in one colour with pure black but do not do so. The result will be a pale and most likely grainy image.

This treatment is appropriate for monochrome and mixed images with a colour part and a large monochrome area. In that case, combine the Channel Mixer adjustment layer and the Black Channel layer into a single folder and set it to only display a mask on the monochrome parts of the image.

 No comments    27   2022   Advice   Printing

How I prepare magazine images for offset printing

Images in a multi-page publication must be prepared to look good when printed. Typically, print shops have different requirements for offset printing, but the general principle of preparation is pretty much the same for all of them. I’ll give you an example of my work for Agroinvestor magazine so that the print shop accepts the layout for the first time and the images remain high quality.

There are four essential points in image preparation: the resolution (300 dpi), the colour model (CMYK), the colour profile (for our print shop, this is ISO Coated v2 300 % (ECI)) and the sum of the colours (no more than 300 %). At first glance, nothing complicated: take a picture of a suitable resolution, do colour separation in the right profile, and that’s it. However, apart from these points, there is an essential aspect of offset printing that I want to talk about, but let’s go through it one by one.

layout stage

During the layout stage, I use low-resolution photos. Most of them even have the watermarks of photobanks, and it doesn’t matter at this stage. This is what the linked files look like in the document:

The two right-hand columns show the actual resolution (left) and the effective resolution (right)

As you can see, all the images are in an RGB colour scheme, and most have a resolution of 72 dpi. This resolution is optimal for screens but very low for printing. And the effective resolution, in general, jumps around a lot. Let me explain, the actual resolution is the actual size of the picture, while the effective resolution is the size of the picture in the layout. If the actual resolution is 72 dpi and the effective one is 117, the layout picture is reduced by half. And vice versa, the picture is enlarged if the actual resolution is higher than the effective one. In the finished layout, their values should be the same.

Exporting images

I prefer to prepare the images for printing once the layout of the whole issue has been approved. That has its advantages:

  • Things can change in the process: an article is replaced, strips are removed or added, pictures are sent in differently, ads are unexpectedly up, and so on.
  • The original images are collected and sent to the photo editor, so it’s more convenient for me to get all the pictures at once rather than after each approved article. Also, if a photo from a photobank is suddenly replaced and has already been bought, then the money is spent for nothing.
  • At any time, the chief editor can remove or add a piece of text within an article, which means that the size of an image will have to be changed because space on the page is limited. If the images were already ready to be printed, this work would have to be done again.

When all the articles are collapsed, I proceed to process the images. As you may remember, the images are of poor quality, and to send them to the photo editor for redemption, I need to gather all the images of the issue into one folder. To do this, I pack the files in print:

Next, check Copy Linked Graphics. No other checkboxes are needed:

The result is a Links folder with all the images, which I hand over to the photo editor, who sends me the original high-resolution images.

I also create three additional folders: PSD RGB, TIF Lab, and TIF CMYK.

Links contain all the images in the issue; Photos — the images to be redeemed; Photos Original — their originals. The PSD RGB, TIF Lab and TIF CMYK folders are needed so that I can return to them at each stage of processing the photo and, if necessary, make changes. I’ll go into more detail about these stages next.

Resolution

Next, pay attention to the resolution. There are several sources of images: for example, pictures from photobanks are of high quality, but pictures from agro-companies or their websites are often in low resolution, and it’s almost impossible to get the originals.

Let’s say I was sent a photo at 72 dpi, but the picture itself is quite large 67×38 cm:

I unchecked Resample and changed the resolution from 72 to 300. The image size is now considerably smaller — 16×9 cm:

Ideally, this picture at 100% should be no larger than 16×9 cm in a layout. But what if I need it in a larger format? In such a situation, I enlarge the image by 15-20%. If an even larger format is required, the photo editor asks for the source, and if it’s not available, we look for a replacement image.

It may also be that an image is sent with a dpi value between 200 and 300. In that case, I increase the dpi value to 300, which will also not appear in the printout. When the dpi is less than 200, it’s not worth enlarging the picture, we will not see pixels in print, but there will be some graininess.

Colour profile and ink sum

Our print shop has a requirement to use the ISO Coated v2 300 % (ECI) colour profile. This profile makes my job easier: by running the images through it, the sum of the colours in the overprints automatically becomes less than 300 %. The ink sum is the amount of ink applied to the paper. The image will be pale if the value is less than 300%. If the ink sum exceeds 300%, the sheet risks soaking through and staining the adjacent pages.

You can determine the amount of colour in an image in several ways in Photoshop, but I find it much more convenient to do it through Indesign. Go to Window → Output → Separations Preview:

And in Ink Limit mode, select the desired percentage:

Red spots in the image indicate that the colour limit has been exceeded in these areas. This way, even at the layout stage, I can quickly check all the images in the article.

I have the required CMYK profile in Photoshop by default. This is done in the settings: Edit → Colour Settings:

I downloaded the profile online beforehand

From RGB to CMYK

All images can be divided into simple and complicated.

Simple— converts from RGB to CMYK with no problems:

The first picture is RGB, and the second one is CMYK. There is practically no difference between them.

Complicated — includes unprintable colours that are lost in offset printing:

The first picture is RGB, and the second is CMYK. As you can see, the bright green and red are “eaten away” in the second one, and the detail and volume in these areas are lost. You can solve this problem by contaminating the colours.

Open our photo in Photoshop and work in the RGB colour model. To quickly see if there are any unprintable colours in the picture, go to View → Proof Setup and select Working CMYK (you already have the right colour profile for it):

And with the Proof Colours command, we can switch between modes:

Reminder: work in RGB. To get rid of the unprintable colour, create a Selective Colour adjustment layer:

We have two unprintable colours — red and green, so it’s these that we will “pollute”. And we do it with opposite colours — for red, we raise Cyan, and in green, we increase Magenta:

Let’s compare the three pictures now:

The first picture is RGB.
The second is direct conversion to CMYK.
The third one is converted to CMYK with an adjustment layer Selective Colour. Our picture is a bit darker, you can fix it if you want, but the tomatoes are still rich, and the leaves show details.

Let’s look at another example:

This is where I contaminated yellow and red:

The first picture is the original.
The second picture is the Proof Colours view. You can see how the brightest areas get soapy, and the smallest details disappear.
The third picture is corrected. It’s not as colourful and bright now, but printing such colours is impossible. I think it’s more critical to preserve details.

Feature of offset printing

The sharpness of offset printing decreases quite dramatically, which means it should be compensated technically. This is done in Photoshop with Unsharp Mask and must be done in several steps — separately in the Lab Lightness and CMYK Black channels.

I’ve taken a rather dark picture with a black object to show the impact of the sharpening more clearly.

So, open the picture in Photoshop and create two duplicate layers:

I renamed them Lab and CMYK to make it clearer

Convert the image from RGB to Lab without merging layers. Go to the Lightness channel, apply the Unsharp Mask filter with an impact strength of 100, radius 3 px:

This is what we see:

Next, convert the image from Lab to CMYK without merging the layers again. Go to the Black channel and apply the Unsharp Mask filter with a value of 300% and a radius of 1 px:

The values for Unsharp Mask in the Lightness and Black channels may differ. I have taken the average as an example.

The picture looks like this:

A bright white border surrounds the black details, but you don’t have to be afraid to sharpen the black channel. The triad colours will underlie this white border, and the result will be a soft glow that will accentuate the darker objects:

You can optionally enable the display for Lab layers in triad only and CMYK in black only:

You can add a little transparency to this layer to soften the sharp effect

You may think the picture is heavily sharpened, but in offset printing, the sharpness will drop a lot, and this sharpening will make the picture clear. Also, remember that on the screen, we see an image at 300 dpi, in reality, it will be three times smaller. You can move away from the screen by 1.5–2 metres and look at the image. Everything will be okay in print if it looks good from a distance.

I’ll show you an example of a magazine photo that I processed. Here’s a sharpened photo:

And this is the photo in the magazine:

As another example, I’ll show you a piece of advertising that was sent in ready to print, and I can’t intrude on it:

On the left is a fragment of advertising layout, and on the right is a photo from a magazine. As you can see, the layout was not sharpened, and the output was blurred.

Do not sharpen an RGB image. Otherwise, you risk having white ghosting around dark objects, which will not disappear when printed because there is no triadic backing:

So please don’t do it

Another thing I want to point out is the exposure. The printed image will always be darker than what we see on the screen. So if the picture seems dark, you need to lighten it up a bit. Otherwise, it might turn out to be a completely black nothing. For example, I sent the picture above to print like this:

It’s darker in the magazine, but the grasses are still visible:

This is all about the basics of image preparation. There are nuances in converting monochrome images from RGB to CMYK, but we don’t see those in our magazine, so I’ve written about that separate post.

Stages of work and their automation

Now, point by point, what and in which order I do when I get the original photos from the photo editor, and the layout is approved.

1. Resolution and processing

I open my first image in Photoshop, check its resolution, correct it if needed and start processing. Processing can include anything: clipping, cleaning of unnecessary elements, sometimes I make a collage of several photos or changing the background, somewhere you want to pull the black point and correct the ragged horizon — in general, there are all the necessary aesthetics.

2. Unprintable Colours and Exposure

I use Proof Colours to check my image for unprintable colours and correct it with Selective Colours if necessary. I lighten the image a little. In my experience with our print shop, I prefer to lighten almost all images. Otherwise, even light images in print come out darker than the screen.

I save the Photoshop file in a PSD RGB folder when I am visually happy with everything. Now I have a finished image in full size that I can return to at any time.

3. Image size

In Indesign, I look at the actual size of the previously processed image within the layout:

I go to Photoshop, crop the image and resize it according to the layout:

All the images in the print-ready file must be at 100% scale, and the effective resolution is 300 dpi. Right now, the effective resolution of my picture in Indesign is twice as high:

It shouldn’t be like this

If you skip that step and leave the images at their original size, the resulting file will weigh a lot. It will be hard to work with, and the print shop will scold you :-)

And here is an important point, when the image size fits the layout, I create a new action in Photoshop and call it Sharp:

Now all my actions are recorded. I converted the picture from RGB to Lab, merged all the layers, and saved the file in TIF format in the TIF Lab folder.

4. Sharpness

I go to the Lab Lightness channel and sharpen the picture. Convert from Lab to CMYK, sharpen the black channel, and save the image in TIF format to the TIF CMYK folder. I closed the file and stopped the action recording. Now I have action, which I apply to all further images after their initial processing.

When all the images are ready, I go to Indesign and replace all the images with those in the TIF CMYK folder. At this stage, I review each image, and if I don’t like something, I can always go back to any stage of its processing and correct it. That’s why I save files separately in additional folders.

And this is what the linked files look like after their preparation for printing:

If you have any questions, let me know, I’ll try to help :-)

Pre-press in InDesign

Preparing a design correctly for printing is a time-consuming task. You need to check fonts, images, colours, and format, consider transparent elements, and adjust exports so that the print shop accepts the file for printing. Let me tell you what I do for the periodical Agroinvestor and how I do it.

Bleed parameter

The Bleed parameter must be set when creating a new document. The value can be obtained from the print shop, usually 3–5 mm:

This is to control the elements that go under the crop. In the document, Bleed is shown with a red border around the outline of the workspace. In the image below, you can see that the line in the header extends beyond the sheet and reaches the red border:

This means that in printed form, the page will look like this:

If the line is not brought to the red frame but left at the edge of the sheet:

In print, we run the risk of getting this result:

The fact is that there is always an error of 2–3 mm when printing undercuts, both in and outside the working area. The Bleed parameter helps to eliminate it.

Preview mode

During the layout process, I always switch between Normal and Preview modes. Preview mode helps to ensure that all the trim lines are trimmed and that the relevant elements stay within the printable area. In the images below, you can see that the lines in the header and footer extend beyond the printable area, which means they will be cropped correctly. The Preview shows how the finished spread will look in print:

Normal — Preview

High-Quality Display mode

To control the resolution of images, I work in High-Quality Display mode. If an image is blurry or pixelated, you must pay attention to it. I’ll talk about more precise control of images below, but for the layout phase, High-Quality Display mode is sufficient:

In High-Quality Display mode, you can see that the image is of high quality

Text and spelling

During the layout process, I always check the tails of text boxes. The red plus sign in the bottom right corner means that there is hidden text inside the box — this should be corrected:

To see how much text is hanging by the tail, you can click on the plus sign to create another text box, and you can also turn on the Story Editor:

A window will open with all the text in the frame. The grey horizontal Overset line and the red vertical line indicate a piece of text that is not displayed:

To control spelling, I switch on Dynamic Spelling mode:

It automatically underlines unfamiliar words and words that may contain an error, just like a text editor:

A red underline indicates a grammatical error. A green underline indicates that the word is preceded by a full stop, meaning it should start with a capital letter. In my case, it’s not considered a mistake :-)

If you select Check Spelling, you can manually go through all underlined words and replace them if necessary.

Image check

The High-Quality Display mode allows you to monitor the quality of images visually. I have a Links panel set up for more accurate monitoring:

I am comfortable seeing the following values:

This is how it appears in the working document:

You can see that the colour schemes of the images are RGB, and the quality is poor, so you can’t print them. After preparing the images for printing (there is a post about it), the values look like this:

I can now see that all the document’s images are ready to print.

Checking fonts

When I work on a periodical, I use text styles. I wrote about them in a post about optimizing for a magazine, so I always keep my fonts in order. But if the project is new, I always check which fonts are used in the document before sending it to the print shop. This is to avoid accidentally printing any incorrect font without the appropriate license. You can see the fonts in the document itself:

And if necessary, immediately replace the random font:

You can also view all the fonts just before exporting the file to print, which I will explain further.

You should also check whether the fonts are OpenType or TrueType. Some print shops may not accept a layout if it contains TrueType fonts, for example. Such fonts can be converted to curves.

Checking for errors

I keep track of errors in the file in the bar at the bottom left:

If I can’t find an error visually, the Preflight panel rescues me. It’s also handy to use if there are a lot of errors:

It’s OK when the indicator light in the bottom panel glows green:

The Preflight panel can be adjusted for each new project, but the basic settings are generally sufficient.

Errors can also be tracked right at the stage of packing files for printing, as I will discuss next.

Black control

The print shop requires that the ink sum for the black colour in the images should not exceed 300%. You can check this with the Separations Preview panel. I have set the Ink Limit to 300%. This is how I can see parts of the image that exceed the Ink Limit — they are highlighted in red:

To fix this, I saved the image in the ISO Coated v2 300 (ECI) colour profile, which our print shop uses. I’ll talk more about colour profiles in a separate post. I refreshed the image and looked again with Separations Preview:

If you have a solid black somewhere, it’s important to remember to make it composite, e. g. 50 50 50 100 (CMYK). If you take black with a composition of 0 0 0 100, i.e. 100% black ink only, you risk getting a poor colour in printing:

Transparency

Another point is to check the layout for transparent objects. This ensures that all transparent objects and the elements they affect are printed correctly — as the design intends. For example, I added a transparent rectangle to the layout. In Flattener Preview mode, all transparency is highlighted in red:

There you can also see all the transparent elements, i.e. those that are touched by the transparent rectangle:

It’s crucial to check transparency if the print shop requires a file compatible with Acrobat 4 (PDF 1.3), as this version does not support transparent objects. All transparency will be rasterized when exported, and you must set export parameters. This can be done in the Flattener Preview panel:

This is how to create a preset with the right settings and use it when exporting. I know that “Agroinvestor” magazine has no transparency in its layout, so I don’t bother with the preset but use the built-in High Resolution preset:

Export

I use the Book format in InDesign in my periodical work (I’ll talk about it in a separate post), so I use the Package Book For Print command to export the file to print. A window pops up where I can tick all the checkboxes I want to get into the export package — I only want the PDF file, and I also select a pre-saved export preset for Agroinvestor:

The preset settings are like this:

Compatible with Acrobat 4 (PDF 1.3) for print shop requirements and ZIP compression for images.
Use the blends installed in the layout.
Export images in the desired colour profile (this setting is just in case, all images I prepare in advance.
Use High Resolution preset for transparent objects.

And finally, a final check for errors:

Here you can see that there are no errors, the fonts are OK, the images are OK too

I get the file and send it to the print shop :-)

 No comments    12   2022   Advice   Agroinvestor   Layout Design

Magazine layout. Spread

The magazine spread is a single entity. Even if the left and right pages are very different in content, it’s essential to “connect’ them visually. This can be achieved by repeating a font, colour or some graphic element. For example, yellow bars are on this spread’s left and right pages. They are the ones who give the impression of cohesion:

Today I will talk about the elements found in a magazine spread. Three main elements in the centrefold influence the reader’s attention: the image, the composition of the layout, and the headline. In addition, there may be a kicker, an intro, an author line, an article body and, of course, a header. Let’s look at each of these elements in more detail.

Image

The main image usually occupies an entire page or almost a whole page. It’s the first thing that catches the reader’s eye and hints at what the article is about.

Header

The header is the largest text element. It can be located anywhere in the spread. It makes sense to use the left-hand page, as we are used to reading from left to right, but not necessarily so. In the example above, the image occupies the left-hand page, while the header and everything else are on the right. The header must stand out from the rest of the elements. You can do this by using a larger size, a different font, a different colour, or even expanding it vertically.

Kicker

The kicker is the header. It’s not always used. It’s usually printed in smaller font sizes. It can point to a heading or directly relate to the article’s subject.

Intro

An intro is an introductory paragraph connecting the title and the article. It’s usually typed in a different typeface and/or font than the main text.

Article body

A two or three-column layout is most common in magazines, depending on the format. I’ve written about the optimum line length in a typography tip for the layout.

Subheadings

Subheadings are used in the body of the article, and there can be several subheadings. They control the reader’s attention and help them find the information they want.

Quotes

Like subheadings, quotes control the reader’s attention. Typically, quotations highlight some exciting fact or meaningful phrase that can ‘get’ the reader to explore the article.

Page header

A header is an information block that is attached to some edge of the spread. It may include the title of the section, the heading, the name of the magazine, the issue number and the page numbering.

 No comments    9   2021   Magazine

How to optimise work on a magazine

I recently told you how I completed a test assignment and got a job at a publishing house, and today I’m going to tell you about preparing my first issue of the magazine.

I looked at the previous designer’s source files and realised this format would be awkward. This is what a folder of one issue looks like:

Each magazine article is in a separate folder, and inside each folder are subfolders with images and fonts and a file with some instructions. It so happened that I was not handed the files correctly. I could not communicate with the ex-designer to clarify anything and could only guess at his processes.

So the first thing I did before starting work was to optimise everything as much as possible.

To do this, I created one InDesign file (ai_temp.indd) in which I configured the following:

  • page header templates,
  • paragraph styles,
  • GREP styles,
  • all the necessary graphics.

Let me explain each of these points in detail.

Page header templates

The periodical has two dynamic elements on all pages and needs to be changed in each issue — the issue number and the headings. These elements are located in the header and footer:

I saved the header in the A-master template, in which I will change the month and publication number. And based on this A-master, I created templates with a header in which I prescribed the possible headings:

So, when starting a new issue, I copy my ai_temp.indd file and change the month and number in the A-Master template. Next, I assign the header template to the pages when starting the new article.

Paragraph styles

To make it easy to work with the text and avoid confusing its layout, I have created all the possible styles in the magazine in the file ai_temp.indd. It looks like this:

Absolutely all styles are based on Basic Paragraph, in which GREP styles are prescribed for correct hyphenation within the text.

GREP styles

To remove dangling characters at the end of a line, I created five hyphenation rules:

  • for prepositions with a lowercase letter: (?<= )((в|во|без|до|из|к|ко|на|по|о|от|перед|при|через|с|у|не|за|над|для|об|под|про|и|а|но|да|или|ли|бы|то|что|как|я|он|мы|они|ни)( |\. |, ))+
  • for prepositions with a capital letter: ((?<= )|(?<=^))((В|Во|Без|До|Из|К|Ко|На|По|О|От|Перед|При|Через|С|У|Нет|За|Над|Для|Об|Под|Про|И|А|Но|Да|Или|Ли|Бы|То|Что|Как|Я|Он|Мы|Они|Ни) )+
  • for numerical values: (?<=\d)(.)
  • for the dash: (?<=) (—)
  • for units of measure: (?<= )((га|гг.|дм|долл|др.|же|кг|мг|мл|млн|млрд|мм|нм|с.|см|стр.|руб.|тыс.)( |\. |, ))+

It looks like this:

I add new values as needed

Graphics

In CC Libraries, I have kept the colour palette and graphic elements that are most common in articles:

There are also icons inside some of the headings. I’ve put them in a separate Illustrator file so that I can edit them:

This way, all the elements are at your fingertips, and you don’t have to search for them every time in old releases and go to the source files to copy them.


Next, I created a new book (New Book) in InDesign for the magazine’s new issue and named it AI_June-07.indb. I copy my file ai_temp.indd and give it the name ai_6-13_sobitiya.indd, where “ai” is agroinvestor, “6-13” — page numbers for a particular article, “sobitiya” — rubric. I added this file to the book and gave it the correct page numbering.

Then I assign the pages a template with the required header and proceed with the layout.

The book format is helpful for multi-page publications if they have chapters or headings. I will discuss this in more detail in a separate post.

 No comments    11   2021   Advice   Agroinvestor   Magazine
Earlier Ctrl + ↓