My Photography Workflow With Smugmug, Wordpress & The Creative Cloud

Jul 30, 2015

Dave Kai Piper

We love it when our readers get in touch with us to share their stories. This article was contributed to DIYP by a member of our community. If you would like to contribute an article, please contact us here.

My Photography Workflow With Smugmug, Wordpress & The Creative Cloud

Jul 30, 2015

Dave Kai Piper

We love it when our readers get in touch with us to share their stories. This article was contributed to DIYP by a member of our community. If you would like to contribute an article, please contact us here.

Join the Discussion

Share on:

 

workflow-09

The first thing I want to say is that this blog has taken nearly a year to put together. Not through a lack of will power but mostly as I thought it fair to write a viewpoint after extensively using the set up giving me more time to fine tune the system.

This is long blog, I would suggest getting the coffee ready now before starting !! Also… I guess I should be upfront about my relationships with SmugMug & Adobe – I am part of the Community Pro team in the UK and have done a talk for SmugMug at the photography show and do use the affiliate program. However, I all genuineness, I do love the products that these companies provide and this blog is only about how I use them.

The workflow is built around 3 key elements , or 3 keyneeds. I want my images where I need them, looking good at all times and safe. The Creative Cloud (Photoshop & Lightroom), SmugMug & WordPress combination seems to this for me overall and most of the time. It is designed to be a multi-use Photography Workflow. While it is not the only way I work and it is not the most simple, it does work and is the safest workflow. Sometimes, just using Adobe Bridge & Photoshop then Dropbox or posting a DVD of images can work too! If your’e new to SmugMug – this is the place to get your questions sorted or put them at the bottom of this blog and I shall try to get to them as and when I see them, or any questions for that matter. We will also not go into how to edit photos or how to move or process images though LR or PS in great detail. Feel free to check out my retouching blogs for them

Photography Workflow & Digital Workflow – how your files flow…

In short, I aim to get my images safe, online and where they need to be looking the best they can while giving access to the right people and also keeping my images safe. I like that my images are backed up online, I have a full online shop & store able to print anywhere in the world, my clients have passworded access, can download & print images while everything else is locked down. I have all my images where they need to be if I need them on the go without having to carry around extra storage.

The whole workflow is Adobe RGB from camera to Web then sRGB from web onwards. In the next few weeks I will do anther set of blogs that break down each section in more information regarding how I do my filtering process of images, keywording, importing and other Lightroom elements, then a few weeks after that I have a Photoshop overview planned of how images move though Ps.

This little diagram shows the elements interconnect –

workflow-09

In the future when I do have time I will / might do/ if there is demand for a set of blogs that focus in on each of these areas and some more in-depth looks at each stage.

SmugMug’s phone app is great at syncing your phone with all the images on your account. It is also the way I put my images onto Instagram. I just upload to SmugMug then screen shot the photo on my phone and upload that Instagram. Superfast and keeps the files small. If you prefer – you can use the phone app to save the images to your phone if you want to do some funky iPhone editing or add text for Instagram. In a few ways maybe I should of had another thing on the diagram above showing how the app links to my phone and back to flow.

WordPress is my Portfolio & Blog AKA – Shop front. This is where 99% of people will first see my work. It has to look good, be clean and work in a way that lets people find what they want. SmugMug is like the warehouse at the back that keeps everything flowing.

Step one – Capture & Failsafe Back up.

Both my Fuji & Nikon systems can now tether to Lightroom (Fuji App here) so depending on the nature of the shoot I am either shooting tethered to the laptop using my Tethertools cables or shooting to cards and uploading to my laptop. Either way, I am backing up key files right from the start using the SmugMug App (download here).

The trick here is about just being safe and also only uploading what you need to. This upload is a total failsafe option. I always upload images that are KEY or VITAL to a shoot onsite before leaving. This gives me 10 or so images that are my lifeline, but also this has another benefit. Using the client log in or private sharing options on my SmugMug account. I can share these files with a person or group of people that I give access to. If I am shooting tethered and uploading ‘on the fly’. I can start to get real-time uploads of the images and start to also get feedback and comments on the images if needed from people at head office or from an editor not at the shoot. But my files are HUGE I hear you say, and what about if you don’t have WiFi ? No problem, if WiFi is slow or I don’t have a hardline, my phone sets up a hotspot and I change the upload settings from full size to something smaller. In the SmugMug app settings in Lightroom you can set the upload file size to be anything you like. 100k to 1mb to full size.

Upload settings for a smaller faster upload. Here set to 3mp upload with is about the same as a smart phone these days
Upload settings for a smaller faster upload. Here set to 3mp upload with is about the same as a smart phone these days
Screenshot showing the upload of files live from a shoot
Screenshot showing the upload of files live from a shoot

 

Step two – Editing & Back up to Main Archive

When I get back from the shoot, most of the time I have the files on my laptop, an SSD drive and still on my memory cards. I take the files from the SSD with the .xmp sidecar files and move them over to my main office computer and copy the files over onto my main archive drives (which are Buffalo Duo Station’s). From there they are then imported into my main Lightroom catalog. (This will bring over any changes from the XML files also if you have the Lightroom expecting them in the same folder as the images). By this time, I check to see if any comments have been made on the images online and if they have, I copy and paste these comments into the comment metadata box on the images. From here I then start my editing process of the images in Lightroom & Photoshop, after uploading any images I missed to the gallery on SmugMug for selection processes if I am not doing this myself.

It does get a little confusing if you are uploading from two Lightroom sources. (You can run Lightroom on a Laptop & Desktop with a single license), but, SmugMug is very cleaver at telling if a photo has been duplicated online or not when using the web interface.

Overall a typical shoot will only see me upload 10 or so High Res images to SmugMug during a shoot. Anything that gets a 5 star rating during the shoot gets uploaded. When I then get home the other selected 4 star images get uploaded for the client to preview and do selections – if the shoot is of that nature. If I am doing the selections I tend to wait and only upload the edited images.

Once images are uploaded, it is super easy to replace or re-edit or re-crop an images and Lightroom will detect you have changed the file and ask if you want to update or ‘sync’ the folder – this is particularly great as this will not change any URL’s created that link to this file. Meaning… if you re-edit an image already linked to a blog, you wont have to change the link or the blog, just the edit in Lightroom and everything will sync along the way.

As the editing section goes… I am sure you can find a guide to editing…. if not try this link and check out the videos –

Importing into Photoshop from Lightroom: TIFF, 16bit, aRBG

Exporting into Lightroom from Photoshop: TIFF 16, aRBG, layers, LZW compressed

Upload settings for a smaller faster upload. Here set to 3mp upload with is about the same as a smart phone these days
Upload settings for a smaller faster upload. Here set to 3mp upload with is about the same as a smart phone these days

Remember… local storage is always handy to have as uploading EVERYTHING to cloud based storage like SmugMug is going to take ages and ages.

PLEASE NOTE – SmugMug only store JPEG files at the moment, so, my local storage is the home to all my layered TIFF files – At present these are to large to look at cloud storage for these files.

  • High Res – Jepg – Online
  • High Res – TIFF – Local storage

Step 3 – Sharing

By this stage, I have my lovely beautiful images online, and ready to share with the world or my clients. Depending on the nature of the shoot the images are either going to be public or private.

Public:

They are headed for my blog which is hosted on Go-Daddy at the moment and powered by WordPress with a tweaked theme from Flothemes. Images are linked to using the SmugMug ‘Get Link’ feature which keeps my blog fast, small, light and also lets the user have a ‘lightbox’ style click though if they want to see the image bigger and higher-res on the SmugMug site. WordPress is great for blogging, but I find that they crush the images a little to much compared to the stunning images that SmugMug display.

Currently WordPress in two main ways on my website yet both ways are designed to attract people to the blog, yet each one for different purposes. WordPress is like my shop window. It has to be clean, provide all the things you need and be the face of my business when I am not around. Looking at my traffic data lets me see how people navigate about the site with the idea that I can streamline everything to help people find what they want quickly. The balance of slim gallery site and massive photography blog is tough. SmugMug is used as an image store & archive. Kind of like a the warehouse or factory at the back of the shop.

In both cases – it is SmugMug that does the ‘heavy lift’ with the images with only the featured images being uploaded through Wordpess. These are for SEO reasons mostly and that you can not link in an image for a creation element that the theme needs. I have found that Google prefers and finds it easier to index images uploaded to WordPress rather than linked in from SmugMug. Uploading ‘Key’ images as and where you need them can also be a good way to push images you want sharing over the other images. For example in WordPress you can select which image will be picked up by a link on Facebook or twitter.

The share options are on the bottom left when you are logged in, or if you are not logged in and they have been turned on in the settings for other people to lift links from.
The share options are on the bottom left when you are logged in, or if you are not logged in and they have been turned on in the settings for other people to lift links from.
You can select which size image you want to put into your blog. or you can select feed links, gallery links etc.
You can select which size image you want to put into your blog. or you can select feed links, gallery links etc.

Once you have your blogs looking good, it is time to share them out. At the moment I find that getting images shared on other peoples blogs is the best way. Places like DIY Photography, Fuji sites (as there are are many Fuji related blogs, SLR Lounge and such are always great ways as content is put in context. The next best thing is things like your own Facebook and Twitter feeds along with Scoop.it or Flipboard. After that the single image share sites like 500px, Flickr, Pintrest and Instagram are good – but, be sure to link BACK to your blog – this is where you are driving traffic too.

Oh… and be sure to share this blog if you like it !!

Private:

Using the Client Login function on the SmugMug page to control access. In the client area I store images linked to the shoot in folders, sample edits and anything that is linked to the shoot such as mood board images etc. I find this is a great way of sharing info with people you are working with as they can comment on images you upload.

When you have a finished set of images, they can either hit the print buttons to order images printed, download them or if they have pre-paid – you can give them access to download all the images in one go using another password layer, if you needed. You can give multiple people access to view the folders and different people different access.

There are 5 ways to set up a gallery or folder on SmugMug.

  • Client Login (most secure)
  • Passworded un-listed Gallery (this does not show on the site menu)
  • Passworded listed Gallery ( this does show on the site menu)
  • Normal Gallery un-Passworded.
  • Private (only the user can see them – good for storage)

All of these gallery options also have options controlling things like if the gallery carries watermarks on that SmugMug applies (you don’t have to watermark images from Lightroom – just select this as a folder option.) Here is a list of the ones I tweak the most depending on the gallery in question & who it is being set up for. This is a small part of the options that can be tweaked for the images & galleries.

  • External Embedding
  • Maximum Display Size
  • Right-Click Protected
  • Apply Watermark
  • Download Buttons
  • Web Searchable
  • Allow Comments
  • Show Sharing Options
  • Shopping Cart
  • Personal Delivery
  • Show Camera Info

Other things to think about and useful information.

You can use SmugMug as a way to receive images from other people. SmugMug have a very simple set up where you can give a URL to someone who can then upload images direct into your gallery. This would be great for instance if you want to share and host a gallery of images taken by wedding guests along with the images you have taken as the photographer. I use the upload function to receive files I share out on the blog though interviews or when I am collecting images to be used for magazine articles etc. This means that when I share them on, who ever clicked the download button can get just the files they want. When you click the download gallery, SmugMug zip up the folder to save download time and space – which is great.

My wordpress install was made my a company called Flothemes– they are amazing and great and make amazing themes and custom websites. The theme I am using is called Matte and is quite and old theme now, but … I like it and it works for me.

WordPress Plugins – Currently I am using a few key plugins to keep everything going:

  • Wordfence + Falcon Engine
  • Google Analytics
  • Preview Links
  • Jetpack
  • Mailchimp
  • Yoast SEO
  • Sharing plugins etc….

If you are looking for help with SEO or web marketing.. check out this guy – Adam Riemer. He knows his stuff for sure and has helped me loads. He has tonnes of info about the whole marketing thing.

Adobe – Everything done here can be done using the Creative Cloud Photographers plan. In the £8.57 per month plan you get Lightroom, Photoshop and a few other programs. If you want to scale things up they also do a £45.73 per month package for the full suite which will give you access to Photoshop, Illustrator, InDesign and all the apps too.

There are TWO types of WordPress. .ORG & .COM. The .COM version is like blogger or in fact like a Facebook with out the friends bit. With the .COM you don’t need a hosting company to put your install of WordPress, you just ‘login’ and of you go. If you have your server, you can install your own version giving you more control over your WordPress. This means more plugins and more custom you can have your site, but, you have to config it all and look after it all, plus install it all. This is what I used to have but now have moved to Go-Daddy and they look after the install of the .ORG version. I see this as the best of both worlds.

As for pricing on SmugMug – check out which features you get for which price here. If you are looking for some videos about setting up your account – click here Also.. as a very special thank you if you sign up for my newsletter you can get 15% off when you sign up for SmugMug. The link is at the end after you sign up.

Taken by Stephie Rebello
Taken by Stephie Rebello

About The Author

Dave Kai PiperDave Kai Papier is a UK based Fashion & Portrait Photographer. As well as being a Pentax Ambassador, Fuji X-Photographer, 3 legged thing & Lexar Ambassador, DKP works as a consultant though Ideas & Images for such companies as Future Publishing. DKP is also an Adobe Community Professional. You can follow Dave on his BlogFacebook and Twitter. This article was also published here and shared with permission.

Filed Under:

Tagged With:

Find this interesting? Share it with your friends!

DIPY Icon

We love it when our readers get in touch with us to share their stories. This article was contributed to DIYP by a member of our community. If you would like to contribute an article, please contact us here.

Join the Discussion

DIYP Comment Policy
Be nice, be on-topic, no personal information or flames.

Leave a Reply

Your email address will not be published. Required fields are marked *

6 responses to “My Photography Workflow With Smugmug, Wordpress & The Creative Cloud”

  1. There_Is_No_Spoon Avatar
    There_Is_No_Spoon

    Dave – thanks for the writeup. Interesting workflow, I should go through it again to see if it would work for me. Question about the IQ of your images once you’ve posted them in your blog via WordPress: does WP support HDPI? I ask because when I upload images using blog services they look good on my regular screen, but get very pixelated on my MacBook Retinal display since the browser needs to upscale it on the hi-def display.

    I use Adobe Muse to maintain my website and it has the HDPI support, meaning when I upload images it actually uploads the standard and the hi-def image (usually it’s at least x2 the resolution) and the browser dynamically shows the right images when a user visits so there’s absolutely no perceptible drop in quality.

    I see so many great photographer’s work looking pretty bad when viewed on the Retina type displays so it’s been a bit question for me. Thanks!

    1. Dave Kai Piper Avatar
      Dave Kai Piper

      I do love MUSE.. I have been playing with it for a while and I came very close to using it and I think might soon. My Theme does not support higher res’s… the newer themes do, but, when ever you change something like this it takes a while to get it all back the way you want.

      Yeah.. this is a problem.. I have a 4k screens now and I was shocked how bag my site looked before – and one of the reasons I got SmugMug into do the image sides.

      When I link the images into my blog link them using quite a high res then then wordpress detects the screensize and gives you the image you need.. I think… So pulling from a full res Jpeg ‘should’ always keep it looking good ? I hope…

  2. dorn Avatar
    dorn

    Or you could just do it all with Lightroom Photoshop and Photoshelter.

  3. thebeline Avatar
    thebeline

    I wrote a WordPress plugin for Smugmug eons ago. It was designed, originally, to be a self-contained short-link for Clients. Since all of my galleries were hidden, I would give the client a code (the Gallery ID) that they would enter on my WordPress site, and it would take them to their gallery.

    It was super convenient, because I could make the gallery before the event, make a bunch of business cards, and hand them out at the event.

    I then went ahead and made a gallery browser and image inserter.

    Like I said, it has been eons, and I am not sure if it still works or not, but it is now OpenSource, so I’ll mention it.

    https://github.com/thebeline/SmugWP

    I did make a change this afternoon, just because you reminded me, and I had an open issue (from ’13, wow!). So yeah. There is that.

    1. thebeline Avatar
      thebeline

      Actually, it looks like it has been forked with no pull request since ’13, which you can find here: https://github.com/ntableman/SmugWP

  4. dslr ninja Avatar
    dslr ninja

    I have a quite similar workflow, except one little step. While reading the post, felt like someone was sharing the stuff I do.

    Cheers.