The standard view of this forum does not always work well with assistive technology. We also provide a simpler view, which still contains all features. Switch to simple view.

Derek Jones Post 1

2 August 2020, 11:47 AM

Physical vs digital workflows

The topic of physical vs digital working and methods came up a lot at our first meetup.

So here are a few first thoughts on this - but it needs your help to fill in the gaps and add to it. This is just my thoughts and take on things - yours is just a valid and useful (I promise), so please add anything to this thread.

It's also big enough that it needs to be divided up! So check out the replies for each section.

There are (or will be) bits on:

  • 0. General physical to Digital workflow
  • 1. Sketching: Physical > Digital design workflows
  • 2. Photography and design workflows
  • 3. Physical modelling and digital workflows
(PS - I have no idea if doing it this way will work. If it doesn't, we'll find another way. Let's find out!)

Derek Jones Post 2 in reply to 1

2 August 2020, 11:53 AM

0. General physical to Digital workflow:

Some general points about digital vs physical workflows and processes. Feel free to add by replying.

Basics of physical-digital workflows for methods and productivity:
Todoist: https://todoist.com/productivity-methods/medium-method
Great article on taking an ‘in-between’ method to physical and digital processes. I had no idea about the sketchbook options mentioned in the middle. BUT, again, there are no magic solutions here - it seems Chad still manually transfers notes to a digital workflow.

Palle Schmidt: https://comicsforbeginners.com/digital-vs-drawing-paper/
A nice piece looking at the pros and cons of physical vs digital - sums up pretty much what we’ve all experienced! There are no nice shortcuts here because they are fundamentally different processes - there will always be a pinch point when it comes to digitising, scanning, taking photos :( But I love the last point here about when you get famous and might want to sell original sketches at conventions!

PS - Comics have a well-established and specialised physical > digital workflow. The Glasgow artist Frank Quietly (Vince Deighan), who is famous for Superman, has some great videos https://www.youtube.com/watch?v=lWPig0uEeA4

Derek Jones Post 3 in reply to 1

2 August 2020, 11:55 AM Edited by the author on 2 August 2020, 1:32 PM

1. Sketching: Physical > Digital design workflows

I think there are two three four basic approaches.

1.1) Using sketches as part of your digital artwork itself
1.2) Using sketches as the basis (background) for digital work
1.3) Using a digital sketching workflow from the start
1.4) (LATE ENTRY) Using sketches independently from a digital process


1.1 Physical sketch use in digital workflow


This is (surprisingly) white rare and it can be hard to find tutorials and material that look at this specifically - most tend to be about how to **convert** from sketch to digital.

Monika Zagrobelna: https://design.tutsplus.com/tutorials/quick-tip-clean-up-your-traditional-drawings-in-photoshop--cms-23591
This is a really detailed (slightly advance) tutorial on touching up digitised sketches. This is the closest to my process and I even learned a few things I’m going to try out here! I do a lot of pencil sketching and these are **ridiculously** hard to scan in and keep the ‘life’ of the original. So, yes, it’s hard and it takes time and patience but you are trying to preserve a piece of art, not just convert it.

1.2 Physical Sketch **conversion** to Digital workflow:


Zimri Mayfield: https://www.youtube.com/watch?v=hI4w8J6yauk
This is nothing new in terms of process - confirms that he also uses a sketch, photographs it using phone, and uses that as an underlay to redraw in Adobe Illustrator (AI). BUT - I like the tone of this and his humour :) (I am also an AI novice - have never go the hang of it but could see me using this workflow to give it a it. In fact, Zimri suggests that using physical sketches to learn to use the pen tool is the best way to get good at AI and I can see why.
You can check out Zimri’s other videos on his channel and his t-shirt design process here: https://www.youtube.com/watch?v=RO4fw-QKbgc

CG Cookie Concept: https://www.youtube.com/watch?v=1UPbGg2GXPQ
A bit old (PS from 2013!), but another physical sketch starting point, this time using Photoshop (PS) and how he prepares the sketch. A bit boring but it does show some of the very basic (still used) techniques for separating layers to work in PS.

Teaching Tech: https://www.youtube.com/watch?v=oiOlU0mkLss
Another sketch to digital workflow into PS and then AI. Good for what I would suggest is a slightly more rigorous process (the profile adjustment in PS is better than levels in CG Cookie’s workflow!).

Shutterstock: https://www.shutterstock.com/blog/digitizing-art-guide
This guide is a good overview of the two main approaches to 2D art: raster or vector. (Basically, Photoshop is raster (made of pixels) and AI is vector (made of geometry).

1.3 Using a digital sketching workflow from the start

I admit it, I know nothing about this and this is something I'd like to have a go at during the Summer School.

What are your tips / videos / workflows ?
What software do you use and why?

1.4 (LATE ENTRY) Using sketches independently from a digital process

I realised that this is probably the closest to my own process in architecture and visualisation. I tend to have ideas in a sketchbook and then work them up digitally!

And maybe it's perfectly fine to do this :)

I'll maybe try and do a couple of videos showing how I use sketching and Revit (architectural modelling) together to design.

Anyone else like this?

Alexander Foster Post 10 in reply to 3

3 August 2020, 1:19 PM

I posted this in the OU Design FB group but I will post it here again in case anyone didn't see it.

During the lockdown different members of the Jaguar design team posted a series of videos showing a workflow example.

The process involves creating a paper sketch, turning it into a 3D digital model and then producing photo realistic imagery.





Derek Jones Post 11 in reply to 10

3 August 2020, 1:46 PM

Brilliant videos - nice find, Alxander.

Got to love automotive designers - they can't help but draw like this. They all do it...

BUT - did you notice how scanning the sketch in wasn't included ...

And the full range of software here - each with a very specific use - is definitely at the expensive end of the market :)

Another favourite quote: "You can use any paint software ...as long as you've got layers" < so true! Remember that the insides of your digital assets need to be professional too ...

Derek Jones Post 4 in reply to 1

2 August 2020, 1:28 PM

2. Photography and design workflows

Apart from the usual boring workflows, I couldn’t find any really interesting ones.

  • Traditional photography (i.e. working with the image itself)
  • Using photos in some blended way (i.e. as elements in some other process, such as textures or content)
  • Using digital media to sketch and be creative (i.e. using photos and media for non-traditional creative processes, such as blogging, online content generation, social media, etc.)

For all of the above, having a good sense of a basic digital image workflow – in fact, having several – is no bad thing at all.

Here’s what I think are the basic ‘forms’ of workflow (feel free to disagree/add!):

2.1 Manual process

2.2 Software / Service process

2.3 Social media process

2.1 Manual process

If you’re old school and totally paranoid about teh internetz – or if you just want complete control over everything, ever – then you might go for this.

The steps listed in this post https://photographylife.com/what-is-photography-workflow here are a useful start for this more traditional approach:

·      Setting up the Camera and Capturing Images

·      Transferring Images to Your Computer

·      Importing Images into a Photo Application

·      Organizing and Sorting Images

·      Post-processing Images

·      Exporting Images

·      Backing up Your Images

·      Printing or Publishing to the Web

For each of these you can have a manual or manually automated process.

For example, I still use a version of this for some of my work:

·      Import images

·      Create folder for images

·      Rename images (batch process)

·      Create mid-res online and lo-res thumbnail versions

·      Tag

·      Run automated uploads/publishing

Which no one would ever want to do given the technology available today…

So, bulk processing, editing or automating certain things, is almost always a very useful thing to include in your process – for whatever you do.

But remember that many of the basic editing features are also available in both PC and Mac operating systems (albeit they’re not quite the same quality, but if they do the job…)

2.2 Software / Service process

Intermediate software packages, like Lightroom, photo album apps, Google Photos, etc. all try to help organise, sort, and edit (basic) your images. These can significantly speed up parts of your process, especially around finding and using images or carrying specific tasks.

Lightroom is becoming slightly ubiquitous in many design workflows – have a look at Photos In Color’s overview: https://www.youtube.com/watch?v=bN2jqsJgbBs

Don’t rule out some of the software that comes with your PC or Mac – this can do a lot of the basics without paying for anything.

For example, here’s batch resizing on Mac: https://computers.tutsplus.com/tutorials/how-to-batch-process-images-the-easy-way-using-preview-on-macos--cms-28121

And the (slightly less straightforward) version on PC: https://www.online-tech-tips.com/windows-10/how-to-bulk-resize-photos-using-windows-10/ (for PC, I’d recommend finding a good batch image tool – there are quite a few free ones to choose from)

2.3 Social media / services

Don’t forget Instagram, Pinterest, Facebook, Google, Twitter and all the other image based social media apps and services.

On the plus side, these are fast and can do some really powerful things very quickly indeed.

On the downside, they usually control what you do and there is a bit of a generic quality to many contemporary images.

Suggestions for workflows in here would be really welcomed!

 

2.4 Mixed methods

Of course, in all likelihood, you’ll use a blend of all of the above

So taking a workflow approach is probably a good idea – what do you want to do? What ideas are already out there to help you get there?

Even a quick Google search brings up loads of process models: https://www.google.com/search?client=firefox-b-d&hl=en&sxsrf=ALeKk036p7-9cS5dUM5p5qz3hMrs25QwYg:1596369356827&q=photography+workflow+chart&sa=X&ved=2ahUKEwiJn8aju_zqAhVoShUIHUCsAH4Q1QIoAXoECAwQAg&biw=1440&bih=723  

But here’s a few more specific ones:

Chris Eyre-Walker: https://chriseyrewalker.com/my-complete-photography-workflow-in-10-steps/

Tanya Goodall on here photo blogging process mixes quite a few services: http://: https://www.slrlounge.com/5-tools-speeding-photography-blog-workflow/


Amy McTigue Post 5 in reply to 4

2 August 2020, 2:18 PM

A good tool I have found for getting sketches and photos from my phone to the computer is google drive. Instead of having to turn on the scanner and walk over to it. I can just drop everything into the googledrive app, and it updates in a couple of seconds on the computer. 

Darren Evans Post 6 in reply to 5

2 August 2020, 2:53 PM

I am always using my phone to take pictures of issues at work or problems that i want to work on. Although i just email them to myself and can then access them on my home pc etc. Or if i want some of my sketching (*cough* scribbles) onto the pc i use same method and for putting them into word for TMA's etc. I have Onedrive setup so all my uni stuff in a folder plus my 3D printing folder/files are are all backed up.

Derek Jones Post 7 in reply to 5

2 August 2020, 5:20 PM

Same! Although I use Google Photos app and online.

This works quite well but I still usually end up with a download process at some point, though, because I can't see an easy way to go from Drive to Photoshop. (by easy, I mean utterly lazy person - I want a completely frictionless process).

The search continues...

Georgy Holden Post 8 in reply to 7

3 August 2020, 10:43 AM Edited by the author on 3 August 2020, 10:50 AM

I have recently been using Autodesk Sketchbook on my phone, I think it was a free app. I have not tried to export drawings into any other programme yet but looking into this it seems that it is compatible with Revit (which Derek recommended the other day) and also AutoCAD. 

https://www.autodesk.com/products/sketchbook/overview

With Adobe products the asset manager that comes with them is Adobe Bridge and that can help you to manage your workflow. There is an Adobe Photoshop Sketchbook which is equivalent to the Autodesk one, its a free download with in-app purchases and might be worth looking at if you are inclined to using other Adobe products. I just downloaded this sketchbook and it seems you can export directly to Photoshop or Illustrator.

https://www.photoshopessentials.com/basics/what-is-adobe-bridge/


Jamie Donaldson Post 9 in reply to 4

3 August 2020, 12:44 PM

One quick way I came across transferring images from the phone to the computer is to use AirDrop, Although, I believe this is only an Apple feature, but worth a check as other operating systems might have something similar.

This is how simple it is:

Bluetooth needs to be on!

Open the image on the phone

Hit the upload icon (wait literally for a millisecond) and the computer/laptop symbol should appear to the left under the image. Press this and then the image will open straight up onto the computer as a JPEG file and sit in downloads. From there I usually just open it in whichever software I’m using.

Although I have found sketches show up clearer when scanned, so need less editing to whiten the background afterwards, the method above is really good for quick photography transfers between devices, or if you’re not too bothered about drawings with a greyish background and are just using these as a guide in Illustrator.  

AirDrop doesn’t back up files, so I might have a little look at using Goggle drive later since iCloud keeps reminding me it’s full!


Georgy Holden Post 12 in reply to 9

3 August 2020, 4:31 PM

I just found this nice description of workflow on a packaging product which might be useful for Nascine in particular but of general interest too. YOU may need to sign up to Behance to see it, but that is free. https://www.behance.net/gallery/78357677/Velvet-Coffee-Cups?promoid=YKHWGH4X&guid=d1d13bc1-492d-4706-9c65-064108eca68a&location=PDP&product=Creative%20Cloud%20Desktop&product-version=5.2.1.441&mv=product&mv2=accc

Nascine Bowen Post 13 in reply to 12

3 August 2020, 9:07 PM

Hi Georgy

Thanks much have looked at this and it's a workflow I will be trying.

I am signed up to Behance so will be looking at other on there.

Thanks again.