{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Tanya Sokolovskaya's blog: posts tagged John 00 Fleming", "_rss_description": "On editorial and graphic design", "_rss_language": "en", "_itunes_email": "mail@tsokolovskaya.com", "_itunes_categories_xml": "", "_itunes_image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/userpic\/userpic-square@2x.jpg?1732041507", "_itunes_explicit": "no", "home_page_url": "https:\/\/www.tsokolovskaya.com\/blog\/tags\/john-00-fleming\/", "feed_url": "https:\/\/www.tsokolovskaya.com\/blog\/tags\/john-00-fleming\/json\/", "icon": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/userpic\/userpic@2x.jpg?1732041507", "authors": [ { "name": "Tanya Sokolovskaya", "url": "https:\/\/www.tsokolovskaya.com\/blog\/", "avatar": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/userpic\/userpic@2x.jpg?1732041507" } ], "items": [ { "id": "27", "url": "https:\/\/www.tsokolovskaya.com\/blog\/all\/cover-artwork-using-ai\/", "title": "Designing label cover artwork series using AI: my step-by-step experience", "content_html": "

In this blog post, I’ll share my experience using AI image generators to create release cover artwork for JOOF Recordings<\/a>, a UK record label run by John 00 Fleming<\/a>. 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.<\/p>\n

\n\"\"\n
Cover artwork references<\/div>\n<\/div>\n

I compared three AI image generators: Midjourney, Leonardo, and DALL·E. I chose Midjourney for its alignment with my project needs.<\/p>\n

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.<\/p>\n

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:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

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:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

I asked the bot to describe one of the original covers and generated images based on those descriptions:<\/p>\n

\n\"\"\n<\/div>\n

The results varied widely:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

I uploaded another cover for description and generated images with the new prompts:<\/p>\n

\n\"\"\n<\/div>\n

But again, the outcomes were not as expected:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

And I repeated the process with a third cover:<\/p>\n

\n\"\"\n<\/div>\n

But the results still missed the mark:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

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”:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

I also tried “charcoal style, minimal, flat,” which brought back faces:<\/p>\n

\n\"\"\n<\/div>\n

So I added “no faces” again:<\/p>\n

\n\"\"\n<\/div>\n

And I included words like “silhouettes” and “abstract” in the prompt:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

However, the silhouettes became too human-like, so I added “alien flat silhouette”:<\/p>\n

\n\"\"\n<\/div>\n

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

\n\"\"\n<\/div>\n

I switched from “flat” to “blurred”:<\/p>\n

\n\"\"\n<\/div>\n

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:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

I adjusted the influence of the original covers in the prompt and experimented with different parameters like “weird” with values of 2000 and 3000:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

And added words like “dust” and “scratches”:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

I replaced “alien” with “ghost” and generated more variants with the latest prompt:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Also I introduced the “chaos” parameter with varying values, leading to a range of intriguing images:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Some images caught my attention, so I generated variations and added “no faces, hands, legs” to the prompt:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Then I upscaled the most suitable images for further work:<\/p>\n

\n\"\"\n
The images I selected from the generation process for further work<\/div>\n<\/div>\n

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:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

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.<\/p>\n

\n\"\"\n
Cover artwork references<\/div>\n<\/div>\n

With these design I went through pretty much the same process, so let fast-forward you to the final result:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

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.<\/p>\n

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.<\/p>\n

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.<\/p>\n", "date_published": "2024-02-06T10:14:06+01:00", "date_modified": "2024-02-06T11:09:55+01:00", "tags": [ "AI", "John 00 Fleming", "Process" ], "image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/0tsokolovskaya-Large.jpeg", "_date_published_rfc2822": "Tue, 06 Feb 2024 10:14:06 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "27", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/0tsokolovskaya-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1tsokolovskaya_56667_None_6c19f82d-01e3-415f-8469-290fb3e5861f-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/2tsokolovskaya_56667_None_7e4b5bfa-8201-4877-9b26-9229f1eda52e-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/3tsokolovskaya_56667_None_ff754d9c-3c7d-4886-907c-97945c031410-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/4tsokolovskaya_56667_white_background_5150fe2a-553b-47e1-a77f-24532507cc5b-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5tsokolovskaya_56667_white_background_bcc91b5f-978c-468d-bc97-ec23277ab5ec-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/6Screenshot-2023-12-17-at-12.20.21-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/7tsokolovskaya_56667_black_and_white_photo_of_a_man_standing_in__7976af94-45f0-47a8-b9d4-5b7203afe327-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/8tsokolovskaya_56667_a_man_standing_in_water_with_a_circle_in_th_5a716f9d-2506-48f6-bb90-ab1f277e7f2b-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/9tsokolovskaya_56667_black_and_white_drawing_of_a_man_standing_n_f96b0070-2c71-4444-9196-cef202091e2c-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/10tsokolovskaya_56667_a_black_and_whitememe_artwork_by_kim_nguyen_1078fe23-6de4-45dd-b351-bb87d96c606f-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/11Screenshot-2023-12-17-at-12.23.18-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/12tsokolovskaya_56667_an_image_of_an_artist_that_is_holding_up_a__becd01ea-ff46-4533-b50b-07a1eb4388f1-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/13tsokolovskaya_56667_a_person_staking_out_a_large_earth_with_his_279b4edb-ece8-4cd1-b9e6-3dc28cdd755a-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/14tsokolovskaya_56667_the_mercurial_man_holding_the_planet_in_his_7888a8b4-73f1-4ef5-aac6-80834c313932-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/15tsokolovskaya_56667_one_hand_holding_the_world_above_in_the_sty_15179a88-542a-43c2-b585-ddee9c428015-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/16Screenshot-2023-12-17-at-12.24.36-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/17tsokolovskaya_56667_man_in_white_flying_above_him_with_red_clou_74790d60-c753-4f11-90c1-2ef61fe9942c-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/18tsokolovskaya_56667_the_front_cover_of_the_album_of_the_starlin_a8329909-2850-4c50-a460-e474f4132f8b-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/19tsokolovskaya_56667_edward_swenson_nathea_live_album_live_in_co_69c12440-ffa3-4c26-aa4e-fac12443c3fb-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/20tsokolovskaya_56667_in_the_clouds_by_laurence_johnson_in_the_st_d1f759bd-1a1e-4181-a9de-442c45c7d9be-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/21tsokolovskaya_56667_pink_6b72fee2-362c-44c7-b5f1-30eea9238976-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/22tsokolovskaya_56667_charcoal_drawing_0c7081a0-1fbb-4b3b-ad13-8127b43eedcc-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/23tsokolovskaya_56667_charcoal_style_minimal_d692598f-f7e3-4e31-82fa-01c87885bd2f-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/24tsokolovskaya_56667_ttpss.mj.runhs8F5wI6QHM_26ff6425-1978-44cd-a40a-bb106db3fcd5-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/25tsokolovskaya_56667_charcoal_style_minimal_flat_eb23bea3-d346-40ed-9e47-410951da969d-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/26tsokolovskaya_56667_charcoal_style_minimal_flat_93eee550-ceb2-4f9e-bc49-ab6e4e8db878-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/27tsokolovskaya_56667_charcoal_style_minimal_flat_Silhouettes_84ee1ebd-89d5-4bef-b3f3-78c1c262ebb5-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/28tsokolovskaya_56667_minimalist_charcoal_flat_Silhouettes_abstra_1d0e4d40-53f9-4b94-91fe-4aed213378b3-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/29tsokolovskaya_56667_charcoal_style_minimal_alien_flat_silhouett_2dc87b70-3911-40ec-addc-a3619356b337-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/30tsokolovskaya_56667_minimalist_charcoal_abstract_alien_flat_sil_a618b7bb-564d-4d86-8b02-6d06fc9e58e4-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/31tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__354bcdb5-32ec-4e13-8d92-bad24aac5931-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/32tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__63161c69-1913-4851-8636-4a121d0eef57-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/33tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__33d95095-6a63-4d42-90e8-a16828ed88d1-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/34tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__4ab9a542-c9e2-424f-859d-dd4f0114dbaf-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/35tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__d2626005-fe39-4f85-b4bc-6a0314dfe9c1-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/36tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__f0eb780c-832b-48dd-975b-feb1fe2a955e-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/37tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_silhou_51edf027-3c12-45bf-8c91-32dcd6c4400b-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/38tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__fea69bd9-3213-49fd-a279-443ebf33c8b3-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/39tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__fa481a6f-d44f-4e0b-88e0-51804461f582-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/40tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__677c0ca9-c758-47a5-9b31-d21c175d637d-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/41tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__ca1501b6-9f14-4ce4-a198-56cd11d6bd86-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/42tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__312007fa-c8b9-45ac-89d1-69077e476bbf-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/43tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__862ad83d-3f27-434b-9dc4-85fe7d55bb42-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/44tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__bd5bd717-a1ba-4d86-b68b-dace1dceac1a-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/45tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__2b5b063a-6ed4-4164-9b2a-a4e5e8d2199d-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/46tsokolovskaya_56667_minimalist_charcoal_e97f4210-fc7a-442a-8a65-4d5eb1e37f28-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/47tsokolovskaya_56667_minimalist_charcoal_297a6f82-06cb-4593-a57f-2475263f4289-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/48tsokolovskaya_56667_minimalist_charcoal_428483b0-1318-410d-b132-662cefb614b2-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/49tsokolovskaya_56667_minimalist_charcoal_fa665702-e5d9-44e2-9a47-2a171d94eefa-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/50tsokolovskaya_56667_minimalist_charcoal_db59c747-dd34-44bf-b0f7-a857a80a1b10-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/51tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__d6b6a7b4-86aa-4ac2-9b6b-4ac519c3e69c-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/52tsokolovskaya_56667_None_d7c059f0-18d9-493a-85c8-366d187f0f65-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/53tsokolovskaya_56667_None_af78c4f0-60f1-4072-987d-2ee5de8ed4b0-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/54tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__06a9dd8e-e89b-4ba9-b0ce-a3c6dbbc890f-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/55tsokolovskaya-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/2-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/3-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/4-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/6-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/7-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/8-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/9-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/10-Large.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Covers_old.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1-15.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/2-13.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/3-7.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/4-10.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5-11.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/6-13.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/7-10.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/8-12.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/9-8.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/10-4.jpg" ] } }, { "id": "41", "url": "https:\/\/www.tsokolovskaya.com\/blog\/all\/joof-process\/", "title": "The process of creating a logo for the music project JOOF", "content_html": "

\n\"\"\n<\/div>\n

JOOF Live is a new music project by British artist John ‘00’ Fleming.<\/p>\n

John Fleming is an electronic music pioneer, DJ, producer, radio host and label owner of JOOF Recordings. In a career spanning over twenty years, John has reached unimaginable heights and is widely recognised as an engine of progress and one of the most respected artists in the underground music scene.<\/p>\n

In the “JOOF Live” project John emphasises live performances that will unlock his potential as a musician and bring a new sound.<\/p>\n

The logo of the “JOOF Live” project should be different from the logo of the JOOF Recordings label so that fans don’t confuse the names of the label and the musician. That’s why I look at the label logo before starting work:<\/p>\n

\n\"\"\n<\/div>\n

The focus is on the two centre letters OO — they are static and rectangular. The wide font makes the logo look massive like it’s under a press. I will avoid all of this in the JOOF Live logo move from the opposite, and add ligature for more uniqueness. The client also wished to reflect sci-fi, and futurism and make the logo “spacey”.<\/p>\n

I am drawing sketches, paying attention mainly to the word “JOOF”, I will leave “Live” for later:<\/p>\n

\n\"\"\n<\/div>\n

I chose the most successful one in my opinion and drew it:<\/p>\n

\n\"\"\n<\/div>\n

I added and changed details:<\/p>\n

\n\"\"\n<\/div>\n

But in the end, I stayed in the original form:<\/p>\n

joof_5.png.<\/p>\n

Now it’s hard to read the word JOOF, so I change the “J” until it’s recognisable:<\/p>\n

joof_6.png.<\/p>\n

I put “JOOF” aside and start “Live”. To emphasise the forward motion, I use italics:<\/p>\n

joof_7.png.<\/p>\n

I trim the “J” and “F” on the slant of “Live”:<\/p>\n

\n\"\"\n<\/div>\n

Showing the client:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n
This bear lives on John’s Instagram account<\/div>\n<\/div>\n

The client likes the logo and the idea itself, but asks to improve the readability of the word JOOF, specifically the letter “J”.<\/p>\n

Working:<\/p>\n

joof_12.png.<\/p>\n

I choose the bottom right variant, correct the letter “V” in the word Live and show it to the client:<\/p>\n

\n\"\"\n<\/div>\n

Something still bothers me in this variant, so the client asks to show another variant of the logo — in two lines, placing the word Live under JOOF.<\/p>\n

I’m building this variant:<\/p>\n

\n\"\"\n<\/div>\n

I don’t like the intersection of “J” and “L”, and the number “00” turned out to be too narrow. I’m working on the intersection:<\/p>\n

\n\"\"\n<\/div>\n

I chose the last option and moved the letter “F” outside the form, which allows expanding “00”:<\/p>\n

Sending the work to the client:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

After some discussion, we concluded that the two-line variant is cumbersome and limited in use. We decided to go back to the previous variant and work on readability.<\/p>\n

I change the letter “F”:<\/p>\n

\n\"\"\n<\/div>\n

Comparing:<\/p>\n

\n\"\"\n<\/div>\n

In this form, the logo loses all its compactness and minimalism in detail. I put this variant aside and started a new one.<\/p>\n

The task remains the same — to create a JOOF Live logo, where the word JOOF will be different from the label logo.<\/p>\n

Trying out a new ligature variant between “JO” and “OF”:<\/p>\n

joof_20.png.<\/p>\n

In this form, the ligatures reminded us of a meander ornament:<\/p>\n

\n\"\"\n<\/div>\n

I change the “OF” connection and add the word Live:<\/p>\n

\n\"\"\n<\/div>\n

Showing it to the client:<\/p>\n

\n\"\"\n<\/div>\n

This variant did not fit, the client slightly changed his wishes: to make the logo stately, elegant, strong and with classic letters.<\/p>\n

I continue working. I take one of the ideas that appeared at the beginning:<\/p>\n

joof_23.jpg.<\/p>\n

The idea is based on the main features of the JOOF label logo: elongated upward letters, a bent upward tail in the horizontal stroke of the “J” and a vertically unfolded middle stroke of the “F”. If you look at the old and new label logos, they don’t have all that in them:<\/p>\n

\n\"\"\n<\/div>\n

Figuring out options:<\/p>\n

\n\"\"\n<\/div>\n

I discarded the angular logo (the middle one in the picture above) and worked on the other two.<\/p>\n

Building a variant based on circles:<\/p>\n

joof_26.png.<\/p>\n

It looks bad, JOOF and Live conflict, the letters are thin, and the expanded middle stroke in the letter “E” seems overdone. I’m building a second version taking into account previous mistakes:<\/p>\n

\n\"\"\n<\/div>\n

I like the logo in this form, I show it to the client:<\/p>\n

\n\"\"\n<\/div>\n

The client liked the word JOOF so much that he decided to drop “Live” as part of the project name and logo respectively, but to keep it as a small note for posters and posters that this is a live performance of the musician.<\/p>\n

At the client’s request, I developed additional variants of the logo, where JOOF is in a frame and with the captions “Live” and “A John 00 Fleming production”.<\/p>\n

I select the frame:<\/p>\n

\n\"\"\n<\/div>\n

Stopping at the middle left. Looking for the location of Live’s signature:<\/p>\n

joof_30.png.<\/p>\n

I chose the first option and increased the letter spacing in Live:<\/p>\n

\n\"\"\n<\/div>\n

I design the signature “A John 00 Fleming production” in the style of the logo:<\/p>\n

\n\"\"\n<\/div>\n

Trying it on the logo in the same position as “Live” for general styling:<\/p>\n

\n\"\"\n<\/div>\n

The client approves all options and accepts the work!<\/p>\n

\n\"\"\n<\/div>\n

Rules and guidelines for the logo are collected in a guideline:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n", "date_published": "2016-01-14T20:40:01+01:00", "date_modified": "2023-12-12T18:21:51+01:00", "tags": [ "John 00 Fleming", "Logotypes", "Process" ], "image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_5.png", "_date_published_rfc2822": "Thu, 14 Jan 2016 20:40:01 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "41", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_5.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_6.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_7.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_12.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_20.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_23.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_26.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_30.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/98-6.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_4.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_8.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_9.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_10.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_11.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_13.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_14.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_15.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_16.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_17.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_18.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_19.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1476433520_meander-10.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_21.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_22.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_24.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_25.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_27.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_28.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_29.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_31.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_32.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_33.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/joof_34.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/98-2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/98-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/98-4.jpg" ] } }, { "id": "42", "url": "https:\/\/www.tsokolovskaya.com\/blog\/all\/joof-mantra-process\/", "title": "How I made the logo for the music label JOOF Mantra", "content_html": "
\n\"\"\n<\/div>\n

Mantra is the new division of JOOF Recordings, a record label founded in Brighton in 1998. Under the new brand, the label will publish progressive electronic music in the Progressive and Psytrance genres.<\/p>\n

The challenge was to develop a logo for JOOF Mantra, but to keep the JOOF Recordings logo, i.e. the word “JOOF” should remain unchanged.<\/p>\n

\n\"\"\n
JOOF Recordings logo<\/div>\n<\/div>\n

Before I started, I looked at the search results for the query “mantra logo”.<\/p>\n

\n\"\"\n
Search results for the query “mantra logo”<\/div>\n<\/div>\n

Mantra is associated with India, so most logos are related to it in one way or another. The most common choices are imitating the Hindi language, the Aum (Om) sign, a lotus and a meditating person. Despite this, I also wanted to link the logo to India in some way, but without using the typical clichés.<\/p>\n

The search for an idea started with a study of the Hindi alphabet:<\/p>\n

\n\"\"\n<\/div>\n

Here I found the similarity of the letter R with the letter र [ra] and took it as a basis for the future logo.<\/p>\n

mantra-4.png.<\/p>\n

Sketches:<\/p>\n

\n\"\"\n<\/div>\n

I started drawing.<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

I didn’t like the word in this form. I work further — I change the construction of “A”, try to round the ends of letters, experiment with “M”, change the height of letters — I get a lot of variants:<\/p>\n

\n\"\"\n<\/div>\n

I chose the most successful variant:<\/p>\n

\n\"\"\n<\/div>\n

At the same time, I am working on another idea:<\/p>\n

\n\"\"\n<\/div>\n

Here I have depicted the word “Mantra” in the form of a sound wave.<\/p>\n

Increased the thickness of the lines, I’m watching the result:<\/p>\n

\n\"\"\n<\/div>\n

Trying both variants on the basic JOOF logo:<\/p>\n

\n\"\"\n<\/div>\n

The wavy variant does not give rest, I checked the idea on the Internet and found a similar solution from other companies:<\/p>\n

\n\"\"\n<\/div>\n

I go back to the first variant and try to change the letters “M” and “N”:<\/p>\n

\n\"\"\n<\/div>\n

I decided to make the letter “N” closer to uppercase, so that the word is perceived as Latin, and draw a new “N”:<\/p>\n

\n\"\"\n<\/div>\n

I compare the variants:<\/p>\n

mantra-16.png.<\/p>\n

Definitely, the new “N” looks better. But now I don’t like the letter “A”. I decided to make it uppercase to match the rest of the letters. Drawing options:<\/p>\n

\n\"\"\n<\/div>\n

Trying it out:<\/p>\n

mantra-18.png.<\/p>\n

I chose the classic rounded shape, but refused the serif at the final “A”. I increase the height of the letter so that it does not visually appear smaller than the other letters:<\/p>\n

\n\"\"\n<\/div>\n

I try the result on the JOOF Recordings logo:<\/p>\n

\n\"\"\n<\/div>\n

In this form, JOOF dominates a lot. Aligning the thickness of the letters:<\/p>\n

\n\"\"\n<\/div>\n

Looking at the result:<\/p>\n

\n\"\"\n<\/div>\n

Now I’m confused by the different heights. I cut off the legs of the mantra and shorten the serif of the “M”:<\/p>\n

\n\"\"\n<\/div>\n

I try on both logos horizontally and vertically:<\/p>\n

\n\"\"\n<\/div>\n

I like the result! Showing it to the client:<\/p>\n

\n\"\"\n<\/div>\n

The client is delighted — he likes the logo very much.<\/p>\n

I prepared a guide on how to use the logo and handed over all the materials.<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n", "date_published": "2015-12-09T19:53:54+01:00", "date_modified": "2023-12-12T18:28:53+01:00", "tags": [ "John 00 Fleming", "Logotypes", "Process" ], "image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/97-3.jpg", "_date_published_rfc2822": "Wed, 09 Dec 2015 19:53:54 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "42", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/97-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-1.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-5.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-6.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-7.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-8.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-9.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-10.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-11.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-12.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-13.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-14.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-15.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-17.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-19.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-20.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-21.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-22.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-23.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-24.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/cover-design.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-27.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-28.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/mantra-29.jpg" ] } } ], "_e2_version": 4134, "_e2_ua_string": "Aegea 11.3 (v4134e)" }