Archive for January, 2014

#CreativeFriday – Video Editing for Photographers using Photoshop CC

Today’s creative Friday post comes from the recent SWPP show that was held in London.

We know that DSLR/compact systems cameras are able to shoot high quality video, but not many photographers are taking advantage of it. From the SWPP session it was clear that there are some people that would like to experiment with video, but are concerned that it’s too complicated when editing the footage in post. The other aspect to video is that it is very complimentory when used with your still images to provide more context. This “how to” video will take you through the journey of taking footage from the DSLR/compact systems camera and turning it into a 40 second video, as well as showing how you are able to use standard Photoshop re-touching techniques to solve a few technical issues. It will also show how to take footage from a YouTube/Vimeo channel and host onto your Behance page to show other creatives your story.

 

 

The Burma/Myanmar story that I have used as an example in this video can be found here.

Adobe will be at the UK Photography show in March, and will be holding free seminars on how to edit video as well as other Lightroom and Photoshop techniques and new features. More information about the seminars are available here Photoshop / Lightroom.

If this is something that you would like to try and don’t have access to Photoshop, then why not take a 30 day trial and have a go.

 

 

Share on Facebook

Photography Show 2014 – Adobe Seminar Schedule

Hi,

We are excited to announce that Adobe will be attending the UK’s Photography show at the NEC from March 1st to March 4th. We have been working very hard on a seminar schedule with some amazing photographers, re-touchers and creatives to create what we think will have something for everyone. As the photographer and creative professional is changing rapidly we are looking to make sure that we cover all parts of the Adobe Imaging solution set, so we will be hosting sessions on Lightroom and Photoshop retouching, as well as combining 3D into your 2D scenes, Creative Cloud overview and deep dive as well as video in Photoshop.

To enable this to happen we will have 2 seminar rooms called the Lightroom and Photoshop studios as well as an Adobe stand for Q&A, Competitions and general chit chat on Photography and Imaging. So if you would like to see how something is achieved, ask a burning question to want to just talk to us about Adobe solutions and Photography, then by all means come to the stand.

So, what does the schedule look like and who’s presenting what:-

You can see the list of speakers on this page with more information and what they look like.

At the Photography we will have two seminar rooms, the Photoshop Studio and the Lightroom Studio. We will also have a stand there as well (details below the seminar room schedules)

Updated – 5th February 2014

If you are coming to the show, why not use the special Adobe discount code “ADO142014″ and get your ticket early from the Photography show website? (It will reduce the price of an adult ticket to £10 (it is not valid for concession tickets) and is valid until 20/02/2014).

 

Photoshop Studio – A detailed view is available here

Every Day Overview PS

Lightroom Studio - A detailed view is available here

Every Day Overview LR

Adobe stand

Adobe will be having a stand at the show also. There will be an opportunity to get hands on with software and hardware. Exact details will be listed here once we are able to share what we will be doing.

Both the above schedules are available on Behance as well via the following links

Photoshop Seminar Room

Lightroom Seminar Room

Why did we use Behance to publish the schedules ?

We feel that Behance is a wonderful way to publish images, get inspiration and be inspired by others (including both photographers and artists). The other elements that we took into consideration are portability and access. By using Behance you are able to access the schedule using any browser on your laptop, desktop or mobile device without having a signup or login to anything. However, access to Behance is completely free and is a great way to publish your own content. There are mobile apps on the iPhone and iPad for Behance (Free to download and access), which will allow you to see the schedules and add them to your personal collection (shown below), as well as a way to share the schedules with your colleagues or friends via other social networks (pintrest, Facebook, twitter etc).

We think that the Photography show will be an amazing event, it will be different from Focus on Imaging because it is more about learning and being inspired as opposed to just a trade show.

If you think that the show will be worthwhile, then please share the links. Maybe while you are sharing and browsing the schedules have a look around Behance and see what exciting work people are posting !!!

How to access the Behance schedules on your iPad / iPhone

The best way to access the schedules is via the Behance app on your Desktop computer, iPad, iPhone. To find the schedules you can search for “Photography Show 2014″ (see below).

Desktop Computer

Screen Shot 2014-01-25 at 13.15.45

 

iPad/iPhone. The best way is to download the Behance application (it’s free) from the Apple iTunes store, then you can search for “Photography Show 2014″ in the same way as above.

photo_5

 

If you login to Behance you can still find the schedules in the same way. However, when you login, you will be able to add to a collection and have access to them when ever you need them (before or at the show). Also, don’t forget, you can take a screen grab of the schedule as you, so you don’t even need to be online to refer to them

To create a collection, once you have found the schedules. Click on the “+” icon in the top right of the screen (same on the iPhone). Then click Create a new collection, or add to an existing one.

photo 2

 

If you are creating a new Collection, give it a name.

 

photo 3

Click on the collection to add this project, then click Save (top right of the collection panel)

photo 5

Once the schedule is added to your collections, you can access it from your profile. Make sure that you are selected (marked Yellow below), then click Collections (marked Red)

photo 1

Your collections are shown as a list.

photo 2

You can access the collection by clicking on it (you can see here i have just added one of the two, depending on your interest)

photo 3

You will then be able to scroll down the project. The schedules have been organised by a quick view of all days, then a more detailed view by day.

photo 4

Once you get to the section that you are interested in, you are able to click the screen to see it in full screen mode. At this point you are able to take a screen shot from your device (if you need to).

photo 5

    

If you would like to share this information with others, please do so by clicking the box with an arrow pointing upwards and choosing how you would like to share.

photo 1

Share on Facebook

Photoshop CC 14.2 update – Deco Patterns

The release of Photoshop CC 14.2 adds and refines features to the Scripted Deco Patterns feature.

You are now able to control the parameters of the following scripted patterns user interface controls.

  • Brick Fill
  • Cross Fill
  • Random Fill
  • Spiral
  • Symetry Fill

BrickFill

Screen Shot 2014-01-07 at 15.18.38 copy

Make sure that Pattern is selected in the “Use” combo box and the Scripted patterns check box is selected. In the screen shot below “Brick Fill” has been selected.

Screen Shot 2014-01-07 at 15.19.07

  • Pattern Scale = Size of each pattern object
  • Spacing = padding between each pattern object
  • Offset between rows = number of pixels for each row to shift
  • Colour randomness = Randomness of colour
  • Brightness randomness = Randomness of brightness
  • Pattern rotate angle = rotation angle of each object

Screen Shot 2014-01-07 at 15.20.36

The final output

Screen Shot 2014-01-07 at 15.20.39

The other patterns have a similar configurable panel with different options and are worth trying.

  • Cross Fill
  • Random Fill
  • Spiral
  • Symetry Fill

There are three additional scripted patterns in this release of Photoshop CC.

  • Place along a path
  • Picture Frame
  • Tree

 Place along a path

The idea of this scripted pattern is to place something along a drawn path. Firstly let us create a new pattern (a pair of scissors) on a transparent background.

Screen Shot 2014-01-07 at 15.52.43

Then let us change the colour of the scissors using a gradient.

Screen Shot 2014-01-07 at 15.53.19 copy

We can create the new pattern using Menu Item / Edit / Define Pattern.

Screen Shot 2014-01-07 at 15.53.39 copy

We can then use the Pen tool to create a path (notice that Path is selected next to the Pen tool options), then choose Menu Item / Edit / Fill.

Screen Shot 2014-01-07 at 15.54.19 copy

The choose/select the pattern that is to be used, from the custom patterns list.

Screen Shot 2014-01-07 at 15.54.19

The dialog that is displayed will show a view of how the final result will look, you also have attributes that can be changed on the right hand side. These will update the results view, once the slider or option has been changed.

Screen Shot 2014-01-07 at 15.54.19_xx

The result from the above configuration is shown below.  You can also Fill within the Path as well.

6

Picture Frame

The picture frame scripted pattern will draw the configured item within the canvas, or within a marquee. To create the picture frame using the marquee. 

You can create a marquee using the Marquee tool, then use the Edit / Fill command to create the picture frame within the constraints of the marque.

PF1

Choose “Picture Frame” in the Fill dialog.

PF2

The default frame will be shown.

PF3

There are many different configurations for the Picture Frame, so a bit of experimentation is needed. The main frame can be customised with the Yellow marked options. The Red marked options are for decorations around the frame (if needed).

PF4

Once the Picture frame is configured, the results are returned inside the marquee.

PF5

You can also use the whole canvas as a constraint for the picture frame, instead of the marquee.

Tree

To create a tree from the scripted patterns, create a new canvas, then choose Menu Item / Edit / Fill.

TR1

Then choose Tree from the scripted patterns.

PF2

The tree dialog is then displayed with the last configured tree. There are many options to choose from in this dialog, and experimentation is the key to a beautiful tree.

PF3

After a small amount of configuration, here is a quick new type of tree.

PF4

The final tree is placed on the canvas. If a marquee had been drawn (the same as in the Picture Frame), the tree would be placed within the marquee.

PF5

You are also able to place the tree on a path. Draw a path using the pen tool (note the options marked Red). Then choose Menu Item / Edit / Fill.

PF5

The result will be a tree using the path as a guide for the trunk.

PF6

You can also place the treat within the path as well. Once the path has been drawn, you can right click on it and choose “Fill Path”,  select “Tree” on the Fill path dialog.

PF8

The result will be the tree within the path.

PF9

 

Share on Facebook

#Creative Friday – Photoshop 14.2 update – Workflow Improvements (JDI’s)

Photoshop CC (14.2 update) includes some great workflow improvements, commonly called JDI’s (or Just Do It’s).
1. Specify custom background on new canvas
Now with Photoshop CC 14.2 you are able to create a new canvas and specify a custom background on creation
See Folder 14.2 – Custom Background folder
Click on the colour picker next to the background contents.
Screen Shot 2013-12-28 at 05.58.19
2. Increase of number of sample points, from 4 to 10.

For images see 14.2 Colour Samples 10 folder
In this release of Photoshop CC the  number of  sample points has been increased from 4 to 10
Screen Shot 2013-12-28 at 06.01.18
also notice the clear button has been renamed to clear all on the colour sampler tool.
Screen Shot 2013-12-28 at 06.07.52
You are also able to change all of the sample points to the same reading by holding the ALT key down at the same time as right clicking on the eye dropper icon (marked in red below).
Screen Shot 2013-12-28 at 06.01.18 copy
Screen Shot 2013-12-28 at 06.02.28
Not new, but holding the CMD (Mac), Ctrl key on a PC will allow you to move the sample point
Screen Shot 2013-12-28 at 06.15.37

3.  Unlock background layer with a click

In release 14.2 of Photoshop CC you can now unlock the background layer easily with just a single mouse click
Screen Shot 2013-12-28 at 06.16.50 copy
4. Access recently used colours via the Colour swatch panel.
You are now able to easily access the recent colours used from the swatches menu, and store upto 16 continuous ones.
Screen Shot 2013-12-28 at 06.22.31
This option is on by default, but of course can turn it off by clicking on the Show recent colours option in the fly out menu (highlighted in red) below
Screen Shot 2013-12-28 at 06.22.31_flyout
5. Better negative number support in Curves when used in Lab colour mode.
Another update in 14.2 is better support of negative numbers in the curves dialog for LAB values. If your  file is set to LAB mode then you are now able to enter larger numbers into the a and b entries
Screen Shot 2013-12-28 at 06.49.52 copy
The LAB image mode can be found under the Photoshop Image menu
Screen Shot 2013-12-28 at 06.49.17 copy
Lab Color mode
The CIE L*a*b* color model (Lab) is based on the human perception of color. The numeric values in Lab describe all the colors that a person with normal vision sees. Because Lab describes how a color looks rather than how much of a particular colorant is needed for a device (such as a monitor, desktop printer, or digital camera) to produce colors, Lab is considered to be a device-independent color model. Color management systems use Lab as a color reference to predictably transform a color from one color space to another color space.
The Lab Color mode has a lightness component (L) that can range from 0 to 100. In the Adobe Color Picker and Color panel, the a selector is used to modify the  green-red values, whilst the component modifies the blue-yellow. These colours can range from +127 to –128.

LAB Mode VS RGB Mode

It can be hard to pump up the colors in a photograph without making it look unnatural. In RGB mode, changing your colors in curves will also produce changes in brightness and exposure. To fix this, we can easily switch to LAB Mode by selecting it from the Image drop down menu.
LAB stands for Lightness, with an A and B Channel. If you apply a curves adjustment layer in LAB mode, you’ll see that your red, green, and blue channels have been replaced with Lightness, A, and B. Your A and B Channels will ONLY affect the colors in your image, so you are able to change the values without altering the exposure.
Once you are happy with the new colours you like (you can always quickly see the before and after image, by pressing the ‘\’ key whilst in the curves dialog box), you can then create a new layer above the rest (merge visible upwards) by pressting Shift + Alt/Option + Command + E keys. You can then drag this layer back into your RGB mode image and the incredible colors will stay the same (you will need to have the original. Try using this technique and post your re-colored images in the comment section below!
Workflow change in 14.2
Photoshop 14.2 now enables the linking of Smart Objects, as well as embedding of objects. This is great for this type of work, as it provides a mechanism to keep the Lab colour mode in the file and just link to it from the RGB document.
To use this method, you would need to save the Lab file as a separate file, then open the original file and place as a linked smart object into a new file. Then you can re-use the LAB version, modify it to your hearts content, the file which uses this modified file will then be updated on the next open / manually if you required.
If both documents are open will override the preferences “Auto update open documents”)
6.  New option for Narrow Options Bar, for small displays
Screen Shot 2013-12-28 at 07.48.45
7.  Smart Sharpen filter now moves to the Mercury Graphics Engine (GPU) and gains a performance boost.
8. Other enhancements

  • Added a “do not show again” checkbox to the missing fonts dialog
  • Enabled Share on Behance for more languages
  • Improved history states for editing text, editing and applying Character and Paragraph styles
  • Generator can export padding in image assets by using layer masks
  • Layer names can now be up to 255 characters long
  • Generator now properly rescales Illustrator Smart Objects when exported at 200%
  • Smart Objects count and stats on Info panel.
  • Smart Object Search in the layers panel.
Share on Facebook

Photoshop CC 14.2 Update – 3D Printing

3D Printing is an amazingly cool concept and is getting some fantastic attention. It’s amazing to think that we have the capability to take a 3D digital design and then to print it in the real world by using the z-axis (height or up).

There are many different 3D printing techniques as well as many different types of printers. The one that we are going to talk about here is additive manufacturing / FDM (Fused Deposition Modelling) to Fused Filament Fabrication (FFF).

Additive manufacture/FDM/FFF in it’s basic form is taking the 3D model then slicing it up horizontally to create lots of layers. Each layer/slice is printed on a platform of some kind, and each subsequent layer is printed on top of the previous one. The model is printed using a material of some type, and there are many types of materials. Common ones for home printers are a type of plastic (ABS / PLA etc). At the higher end there can be a wide range, from Sugar, Brass, Ceramic, Chocolate, Meat, Metal etc (incidentally there is a lot of investment on material innovation happening in the world today). The more complex materials are typically used by 3D printing service providers or in industry (i.e. health / manufacturing / architecture etc), from parts to concept designs.

There are also different types of printers ranging from a few thousand pounds to ten’s of thousands of pounds, depending on what you are looking to print and the material that is too be used. At it’s most basic level, the desktop/home/consumer printers are in the thousands and are actually quite affordable now (Makerbot 2x or the 3D systems Cube are quite popular, but there are many others).  However, you are limited in choice of materials, mostly plastic. It’s not until you get onto the expensive printers when the really cool materials really come out to play. However, getting started and moving from the supplied 3D models can be tricky, mostly because there are a lot of things to think about and that can go wrong.

The printers themselves are geared to read a special format that contains all of the printer information required for the print (.STL files) and there are basic software applications, but can be difficult to use, especially for the creative and the person that just wants to print!

So that all sounds simple right! Well not so much, it’s actually quite a technical challenge to make a successful print. Each layer when printed needs to be positioned in exactly the right place in relation to the previous layer (the previous layer also needs to have dried before the new layer is applied).  Sometimes the print can contain over hanging elements, and these will need something to print on (especially when plastic or additive manufacture is used), there usually needs to be something to print the element on (or to support the element during the print process). This bit sounds a bit strange, I know. To explain this, if you imagine printing a model of a person with their arms held out in front of them, for the arms to print in the right place (i.e. in the air), they should have something below them to support the new layer. This support is called scaffolding, and printing without it might cause the arms to sag and/or fall to the ground, resulting in a failed print.

If the scaffolding problem is not enough to worry about, there are other areas that can affect a print and need to be analysed before success is reached. Sometimes when a model is created the geometry/physical attributes are not always correct (depending on who created it and how it was created). For example, the triangles or normals that make up the object may not be pointing in the right direction to make the print (this can occur when one area of the model has been mirrored and is butt up against the opposite plane, this can occur for symmetrical models). Also, areas of the print may contain holes due to the normals or the geometry. This is no-one’s fault, as typically a 3D designer shouldn’t have to consider all of this when they are at the design stage of a model, but unfortunately it occurs often. All of these issues will also need to be fixed, and this can be quite time consuming for a 3D object designer that will be sent for print, and this can result in multiple failed prints until it’s fixed for the printer / material and object combination.

The other area that needs to be looked at (especially when the models are hollow), is the wall thickness of the model. In this case, the walls of the object will need to be printed at a minimum thickness for the printer / material / object combination to make a successful print, this will need to be fixed in most cases as well.

Some models, due to the way they were built won’t be able to be printed for one reason or another and will take too much time to fix, that it’s not actually worth it.

You can imaging that with all of this going on, it gets complicated pretty quickly and the success of printing a simple model can be hindered by all of these complexities.

Up to now, there has been a huge focus on the printer technology as well as the materials that can be used (ranging from Thermoplastics to intelligent rubber, chocolate, steel etc etc). However, there hasn’t been so much focus on the software that is used to print these models, especially around usability, accuracy of print, as well as fixing the issues in an intelligent and automated way. The software that is available can be tricky to use and not as simple as it could be.

It’s a lot easier to show the above issues on an actual model. For example let us take the following 3D .STL file (we painted this object in a recent post), but this time we may want to print it.

Looking at the model there are a few areas of concern :-

  • The Purple marked area contains eye lids and they are suspended in mid air, if there are not supported by something then they may fall off or bend out of shape, this could result in the next layer not printing properly.
  • The Green and Yellow marked area shows that rogers arm are not supported either and again, if printed may fall off, sag or go out of shape, this can also lead to a model that won’t look right.
  • Even simple things like the lips (marked in Blue) are in mid air and may not print properly
  • But, even worse, this model is sat down, and if its not supported correctly will result in a model that turns into a heap of plastic spaghetti.
  • It’s a hollow model and i need to analyse the wall thickness.
  • So you can see there that even a simple model like this, it is bound to fail many times before you get a real print out.

Screen Shot 2014-01-10 at 16.36.22 copy

Most software won’t automatically make sure that all components of the model can be printed, even with basic scaffolding in place. The only answer was to print it and let it fail, numerous times then manually fix it and create a good print. Some times the printer won’t actually be able to print complex models, i.e. if you printed a model of a car, you may not be able to print all of the complex under car parts, i.e. exhausts etc, this may need to be removed to make a successful print.

Printing can also take some time, in todays world we are used to 30 seconds to print an extremely good quality A4 2D print and get the results straight away, a 3D model may take multiple hours to print (once success is acheived). The bottom line is that 3D printing is actually quite hard and takes up lots of time to attain a successful print, and can lead to frustration for both the 3D designer as well as the printer user.

The most exciting news this year is that this version of Photoshop CC (14.2), is shipped with a 3D printing engine in unison with the current 3D tools.  If you are on the Creative Cloud (which ever plan you are on), you should now have it or at least be notified that an update to Photoshop CC is available. The purpose of 3D printing in Photoshop CC is to make sure that your prints are successful and will print without having to make unsuccessful prints in order find where the issues are. Photoshop CC has some incredible and ground breaking algorithms that allow it to understand what you are trying to print, what printer you are printing it to, as well as an ability to repair it and work out the best way to print the model. Using Photoshop to analyse the model for you allows it to create the scaffolding, fix the mesh (or the geometry/normals) as well as making sure that the minimum wall thickness is met. Also, due to the additional scaffolding that is printed, we look at the most efficient way to construct the scaffolding so that minimum filament is used.

As we know, Photoshop is a ground breaking piece of software and with the addition of 3D printing has been completely re-imaginged and provides an innovate approach to making successful 3D prints. Photoshop CC will allow anyone on the Creative Cloud to successfully print a 3D model (fully repaired, with scaffolding, walls that will be of minimum thickness and an efficient use of material). Photoshop CC enables a “Just press the print key” approach to 3D printing.

Can it really be that simple ? Where is the catch ?

Let’s have a look in more detail with the 3D model below and a few other models, so you can see how it works.

Once you open a .STL file, Photoshop CC will recognise the size of the model that is being imported, this is important because you need to know the maximum size of the model, just in case you want to resize it, as it’s not a vector.

Screen Shot 2014-01-10 at 16.49.18 copy

All 3D options in Photoshop CC are on the Move Tool (or the ‘V’ key). Once the model has been imported you can move it into the 3D print option. The 3D print option is available on the properties panel when the scene is selected (Marked in Yellow), or in the tool bar menu / 3D / 3D print, you will then see the print properties  (Marked Red below). This panel is used to tell Photoshop CC were you will be printing the model, as well as the printer that you would like to use. The other options available are explained under the screen shot.

Screen Shot 2014-01-10 at 16.56.18 copy

Printer Volume – This will show the measurement that the model is shown in (the numbers marked in Blue are shown in the chosen measurement).

Detail Level – Minimum size of features that can be printed.

Show Printer Volume Overlay – This is the cage around the model, the cage is generated and shows the maximum capacity of the print chamber in the 3D printer (this is configured by the printer type, in this case the Makerbot 2x, selected in the area marked in Red).

Printer Volume – The size of the print chamber in the measurements that have been specified above.

Scene Volume – This is the size of the physical cage around the model inside Photoshop CC, this can be modified using the numbers, or a fast way to scale the model to the cage is it click the button marked “Scale to print volume”.

Surface Details – Photoshop CC will use the Bumps, normal maps and opacity to enhance the final detail.

Support Structures – Photoshop CC will generate the supports and raft for the output preview.

For Photoshop CC to be able to print the model, it will automate the following tasks for you, i.e :-

  • Wall Thickness – The model is hollow, the walls will need to be adjusted to make sure the minimum wall thickness is achieved, in accordance to the selected printer specification.
  • Repair the model – The Model may not be, what’s know as “Water tight”, which means it may have holes in it, or normals that are the wrong way around (there are other elements here as well), that will cause the print to not properly.
  • Create scaffolding – The elements that we explained earlier that are ‘floating’ need to be supported during the print.

Bearing in mind that manual version of this process can be tedious, complicated, very technical and may take a while to complete, Photoshop CC is able to do all of this super fast and then make this model completely printable, without you having to do any of the hard work! Sound to good to be true ?

Let’s press the print key (you will see this in the video in real time at the end of this post).

The 3D print option is available under the Menu Item / 3D / 3D Print (Marked in Red below), Photoshop CC  will automatically perform all of it’s tasks and provide a Printer dialog for you (this may take a few minutes, depending on how complicated the model is).

Screen Shot 2014-01-10 at 16.56.18 copy1

The 3D printer dialog should be similar to the following

You can move the results around the check the model for flaws and the support structures (marked in Yellow)

The model, scaffolding and raft are shown in the main section of the dialog (marked Pink)

The summary of the print is shown on the right hand side (marked Green), including how long it might take to print.

(You can also turn off the printing of the support structures and raft above the area marked in green, this may result in a failed print if you print it).

The additional optional elements for the view are located the bottom of the screen (show in Red)

Screen Shot 2014-01-10 at 17.18.09 copy

If I zoom in and look a bit closed you will see that the eye lids, lips and are are supported using the scaffolding that has been automatically created by Photoshop CC.

Screen Shot 2014-01-10 at 17.18.34

The lower arm is now supported with scaffolding, so are the legs and his bottom.

Screen Shot 2014-01-10 at 17.19.12

You will also see that on closer inspection the supports are printed to the minimum resolution of the printer. This is an important area, like in the good old air fix days you would need to chop off the supports with clippers or scissors, the same here. Unless of course you have a multi headed printer and a soluble material could be used to print the scaffolding, you could then wash the scaffolding off.

Screen Shot 2014-01-10 at 17.30.09

You can see  that Photoshop CC  has an extremely innovative approach to successfull 3D printing and can really do amazing things. This release of Photoshop CC should make 3D printing really enjoyable for all. Don’t forget that all Creative Cloud, Photography Bundle subscribers have access to this ground breaking version of 3D printing, all you need now is a printer to print your designs on! If you would like to try 3D Printing for Photoshop CC, then you can sign up for a 30 day trial of the Creative Cloud.

We are extremely excited about this release of Photoshop CC and are looking forward to seeing what you create with it…

Please play the following video to see Photoshop CC and 3D printing in action.

 

Incidentally, Photoshop CC announcement was caught by the BBC as well, click here for the page.

There are a couple of other menu items to cover.

Under the Menu Item 3D / 3D Printer Utilities there is utility panel.

 

Screen Shot 2014-01-10 at 17.36.32

 

We have also partnered with a company called SketchFab that supports the upload and download of 3D models. This option is available in the 3D menu, and is called ‘Share 3D layer on SketchFab’. When you click the share button, you will create an account (if you don’t already have one), then login with your details and upload your content. My model now has a funky background. There are also lots of options under the Edit option to explore.

Screen Shot 2014-01-10 at 17.47.03

 

There are also other options for printing as well, it may be that you don’t want to invest in a printer of your own. Adobe have partnered with Shapeways.com. Shapeways.com is a printing service that you can use to print your model, in a range of different materials. Photoshop CC  contains the Shapeways service (marked Red).

Screen Shot 2014-01-10 at 16.56.18 copy23

When the Shapeways service has been chosen, the material can be selected. You can see from the list that there are some cool materials that Shapeways will be able to print your model in, from Glazed Caeramics to Polished Brass. When you have chosen the material, Photoshop CC will re-evaluate the display of the model and give you a preview (including the colour if required) of the final model, it will also re-evaluate the wall thickness, supports (if any are required or not), Photoshop CC can also supply an estimate price (derived from Shapeways) based on the model that you are looking to print.

Screen Shot 2014-01-10 at 16.56.18 cop 34y

 

In an earlier post we talked about painting 3D models using Photoshop CC and the GPU accelerated texture painting. Shapeways support a full colour sandstone material, this means that I can take the painted roger from last time and print it exactly how I painted it. Once chosen Photoshop displays a visual of how the final print will look.

Screen Shot 2014-01-10 at 18.00.41

 

The print preview is shown below. This material does not need any support structures building so they are not displayed.

Screen Shot 2014-01-10 at 18.04.47

 

N.B the 3D engine in Photoshop CC will need a minimum of 512MB go VRAM on the Graphics card, the graphics card must also be dedicated.

Share on Facebook

Photoshop CC 14.2 update – Linked Smart Objects

Smart Objects have been progressing nicely for a while now, and up to now in Photoshop CC have really started to change the workflow options. Photoshop CC 14.2 update now takes Smart Objects to another level and provides Linked / Embedded Smart Objects.

Let me demonstrate how this works.

I’ve have already created a document that has my Photography signature that has been created using just 3D in Photoshop CC. I am planning to use this on my images, but I don’t want to embed this file into each document that I want to use it in. Embedding it will :-

  • Cause an increase in the file size of the file of the host file.
  • Give me the flexibility to change my mind and update the associated documents quickly, without having to re-embed each one.

Photoshop CC 14.2 update now includes Linked Smart Objects. I can now link to an existing file and Photoshop will update if it changes. If i am  editing the linked file at the same time as the host file (applies to Illustrator linked objects as well), the host document will update automatically (but they both need to be open). I can of course manually update later in my editing cycle, and Photoshop CC tells me if something has changed, once the document is opened.

Here is the logo that I have created.

Screen Shot 2014-01-03 at 19.07.33

I would like to use this file in the following image. I can now use the “Place Linked” from the File menu and link this object rather than embed it “Place Embedded” into the document.

 

Screen Shot 2014-01-03 at 18.41.35 copy

You can see that the file is placed as per normal (I cannot access the layers of the linked object until i open it, also, if I embed it I will see only the result layer).

Screen Shot 2014-01-03 at 18.43.06

You can see that the Object has now been linked (marked Red below), and is denoted by the small chain icon. The Smart Object layer now has properties associated with it (marked Yellow). The Object itself is displayed as it usually would be (marked Purple).

Screen Shot 2014-01-03 at 18.54.35 copy

 

As soon as I added the logo, I realised that the white background needs to be removed. I can edit the contents of the Smart Object direct from within the properties panel (marked yellow above), this is also available on the fly out menu on the layers panel (marked Blue in the image above). You can also see that once Photoshop recognises a change (marked Yellow) i can update the linked object. If the linked file is an Illustrator file, it will be opened in Illustrator.

Once I have opened the logo file, I can edit it and remove the white background layer and save it.

Screen Shot 2014-01-03 at 18.45.23

As soon as I have made the modifications and saved the file, the original host file (still open) will be updated with the new contents. You can see the results in the image below.

Screen Shot 2014-01-03 at 18.45.36

What if we had not edit the contents of the Linked Object direct from the host file, but instead, editing the contents direct within the logo file. The original object was a 3D layer, which I would like to change, maybe to refresh my presence. I can open the file directly and edit my 3D art work and re-render it.

Screen Shot 2014-01-03 at 18.50.01

If I open the host file, you can see that Photoshop CC recognises that the file is out of sync with it’s linked object by showing an exclamation mark in the box marked in yellow. The contents can be modified by opening the fly out menu and choosing the “Update Modified Content” (there are also other places to update the linked content). You can also replace the contents at any point as well, also, it may be that you decide to embed the content rather than link it, you can click “Embed” (marked in the Yellow box below).

Screen Shot 2014-01-03 at 18.54.35 copy

Once updated, the new logo will be displayed (the white background was removed and the type face was changed).

Screen Shot 2014-01-03 at 18.55.18

The Photoshop CC 14.2 update includes a Smart Object search within the layers panel (marked Red below), that can be used to find Smart Objects, Broken links, Content that needs updating etc.

Screen Shot 2014-01-03 at 18.54.52 copy

 

 

Share on Facebook

Photoshop CC 14.2 update – Perspective Warp

Photoshop CC (14.2 update) includes the new Perspective Warp feature. The idea of perspective warp is to transform an object within a scene or parts of a scene to a different perspective. The perspective warp is also fantastic when it comes to merging objects from different photographs into a single comp, where traditionally objects have different perspectives to each other.

What are the principle behind Perspective warp. There are existing tools in Photoshop for lens correction as well as vertical and horizontal alignment with the Adaptive wide angle tool. These tools are great, but don’t fix perspective. To fix perspective you need to define and tell Photoshop CC where the perspective is. As soon as Photoshop understands the perspective, it can than start to enable you to move the perspective!

There are two modes to the tool

  • Layout – Define the perspective quads
  • Warp – Move the quads to define the new perspective.

Perspective warp also works on video using the Photoshop Smart Object technology. To Demonstrate this new feature I have compiled two examples for you.

1. Example A.

Let us start with this example. I may want to blend this car (taken from another photograph) into the road scene. The car has been cut out of the other photograph already and placed into a layer. You can see that the car’s perspective is different to the road, therefore it needs to be modified to correctly fit in to the scene (please excuse the colour blending of the two scenes).

1

In the Photoshop CC Edit menu there is a new command called “Perspective Warp” (N.B. This command also works on Smart Objects).

2

Once we click this menu item, you will see it’s options appear in the tool bar (marked Red), and instructions will appear on the image. You will need to mark the perspective using quads, the quads need are mapped over the area that needs to be corrected/modified. To do this you are able to draw on the image using the mouse or pen and position the quad(s) to define the perspective (you can specify multiple quads if required). If you specify two or more, you have a choice to join the quads together, this has been designed to keep the whole image in perspective. However, sometimes you may want to isolate an area from change and alter another part, you can do this by drawing independent quads. Whilst drawing the quads you will need to keep the tool in Layout mode, move to the warp mode once the quads have been drawn. However, you can switch between the two modes as ofter as you like, and if you use a Smart Object you can re-edit the quad definition at any point in time.

2.5

In the example, the car needs to be kept in perspective, but the front needs lifting on the left hand side, the rear of the car needs to move down to give the illusion that it is on the road. I have used two quads (marked Yellow) that define the cars original perspective to achieve this. 

3 copy

Once the quads have been created the tool can be moved into “warp” mode.

4 copy

The quad pins can then be moved, until the car is in the desired location. When the car is in the correct position, the tick can be clicked and the change will be applied.

5 copy

If the layer was a smart object, then the Perspective Warp smart object filter will be displayed in the layers panel (marked Red).

7 copy

At any point the Perspective Warp can be re-edited. Also, with Photoshop CC (14.2) you can link or embed another file into this file.

 

2. Example B

Of course it will depend on what you ultimately want to do with perspective warp which will define the quads.

In picture below I would like to change the angle of perspective and move the building to the right. It may have been that when I got back to the studio from this shoot, I realised that I had missed the main graffiti on the left wall and, would like to show it off more. To do this is very  simple. We need to draw the quads that will define the 3D perspective of the wall. To start the perspective warp, (i would recommend turning the layer into a Smart Object, or if using Camera RAW, opening the file as a Smart Object from Camera RAW) move the tool into Layout mode.

Screen Shot 2014-01-02 at 20.38.43

in this case, the first procedure is to make sure that the walls within the image stay vertical. To do this, i’ll turn on the guides (Menu item / View / Show / Guides) and draw out 3, one for each vertical line (guides are shown in Blue)

Screen Shot 2014-01-15 at 20.15.15

 

Open the Perspective warp tool, Menu Item / Edit / Perspective Warp and make sure it’s in Layout mode. Then draw the quads over the image and join two together (a blue line over the quad will appear, once it does it’s connected to the adjacent quad). You will notice that when you reach the guides with the tool, the pins will snap to the guides.

Screen Shot 2014-01-15 at 20.19.23

 

Move the tool to warp at this point. To make sure that the vertical lines stay in place, hold the Shift key down and click on each one of the vertical quads (you will notice that the vertical lines will turn yellow as you hover over them, clicking on the vertical line will change them to be yellow all of the time). The yellow shows that the quad is linked to the vertical axis.

Screen Shot 2014-01-15 at 20.21.31

 

at this point, you are able to grab a pin and move the outer left hand quad and re-position it closer to the edge of the scene.  You are able to move the middle vertical to the right. This alteration will alter the perspective as desired.

Screen Shot 2014-01-15 at 20.23.55

 

or the other way (if desired)

Screen Shot 2014-01-15 at 20.24.39

 

Once you have complete the warp, you can press enter to commit (Remember that if you are using a Smart Object, you can re-edit at any point in time)

There are a few things to think about when defining the quads (see image below):-

  • Quads can be extended beyond the edge of the frame. This can help in the case above where you ideally need the lower and upper parts of the scene to move with the buildings perspective.
  • You are able to place many quads to stabilise an area if required and and more constraints.
  • When you join the quads a blue edge should appear (this will depend on the physical quad side sizes, if you don’t see a blue edge on the corresponding quad, then maybe the quad you are drawing is not large enough.
  • You don’t need to specify the vertical constraint, this can sometimes help, depending on what you are doing.
  • You don’t need to use the guides, but can be helpful to make sure that you keep the vertical perspective.

The image below shows when multiple quads are used to add more constraints to the warp (This will add more holding points therefore less of the image will move at any one time, so you will need to pull and push the pins around to achieve the new perspective.)

Screen Shot 2014-01-02 at 20.59.26

NB. Perspecrtive warp requires the GPU and there are minimum requirements for this feature

 

 

 How much VRAM do I need to run the perspective warp feature?

Photoshop requires at least 512 MB of video RAM (VRAM) to run the perspective warp feature on 16-bit and 32-bit documents. If your GPU has 256 MB of VRAM, you can run the perspective warp feature only on 8-bit documents.

Also, the nVidia GeForce GT 120 video card isn’t currently supported for the perspective warp feature.

 

 

Share on Facebook

#CreativeFriday – 3D Painting in Photoshop CC

Painting on 3D models in Photoshop CC was significantly improved in 2013 by moving 3D painting to the Mercury Graphics Engine. This improvement has significantly increased accuracy and time when texture painting in 3D. So, how does it work?

To demonstrate, let us take this model (shown below) and paint it with the GPU accelerated texture painting ability. You can see below I have loaded a simple .STL 3D printable object into Photoshop (Photoshop CC supports .STL files, as well as the usual Wavefront OBJ, 3D Studio, Collada DAE, Flash 3D, Google Earth KMZ formats, as well as C4D objects with the Maxon C4D plugin).

Screen Shot 2014-01-10 at 09.46.50

When painting on the model there are two ways to start, one is on the model itself, the other is on the mesh. Photoshop CC has the ability to open the model’s mesh by double clicking it. The layers panel will need to be opened and you should see an entry under the Diffuse section of the layer properties (if there isn’t one then one will need to be created by choosing Menu Item / 3D / Generate UVs). If you hold the cursor pointer over this layer item, Photoshop CC will show you preview. Double clicking this item will open up the mesh in a separate window. Once you have this open you may want to have both windows open at the same time, you can do this by choosing Menu Item / Window / Arrange / Tile All Vertically (2 up Vertical will work just as well).

Screen Shot 2014-01-10 at 10.04.13 copy

 

At this point you should see something similar to the following.

Screen Shot 2014-01-10 at 10.09.32 copy

 

Photoshop CC is now able to track the brush painter across both panels, if you move the brush over the model you will see cross hairs appear over the mesh and viva versa, this is a great way to track where you are painting. You can also zoom into either of the documents for close work.

The combo boxes highlighted in Red allow you to paint different elements of the model.

By default you’ll be painting on the Diffuse element, but you can change this when you need to. For example you want want to paint on the Bump map.

Screen Shot 2014-01-10 at 10.14.16

If the element does not exist when you start the paint, Photoshop CC will tell you that it does not and help you create it. You can see below that when I try to paint on the Bump map, it doesn’t exist and the warning dialog is displayed.

Screen Shot 2014-01-10 at 10.29.39

Pressing OK will take you to the new canvas dialog box (just make sure that the bit depth is the same as the 3D model in this case)

Screen Shot 2014-01-10 at 10.29.42

This method of painting in Photoshop CC is called Texture painting, you can still use the older Projection painting as well by changing the mode in the paint system selector.

Screen Shot 2014-01-10 at 10.14.19

 

Before we start painting, you need to make sure that the bit depth of each object is the same, you are able to change the bit depth under the Menu Item / Image Mode / 8 bit / 16 bit or 32 bit, otherwise you will encounter an issue when you start to paint.

To paint, make sure that the brush in Photoshop CC is selected (you can use the B key to do this, there are multiple entries for the B key, so you will just need to make sure that the correct one is selected (highlighted Red below)).

Screen Shot 2014-01-10 at 10.35.04 copy

In it’s most simplest form, painting requires that you select a foreground colour from the colour swatches panel (foreground/background colours are shown in the Photoshop hud usually under the tools, (highlighted Red below)). Pressing the switcher icon (top left of the red box) or the ‘X’ key to swap foreground to background etc, and selecting a new colour from the swatch or colour picker will populate the foreground). The ‘D’ key is also handy to reset the foreground and background to black and white.

Screen Shot 2014-01-10 at 10.38.08 copy

Don’t forget that Kuler (kuler.adobe.com) is a great way to experiment with new colours or by using the Kuler iPhone app you can create colours from your smart phone and it’s free for everyone, but also part of Creative Cloud.

Screen Shot 2014-01-10 at 10.43.23

There is more of a deeper dive on Kuler in a previous post.

To paint on the object, I am going to use some colours that I took using Kuler on my iPhone a while ago, whist in the Purbecks (in the UK), and downloaded (highlighted Red below) as an .ASE file into Photoshop (you can download this from my Creative Cloud share here).

Screen Shot 2014-01-10 at 10.46.11 copy

 

To install into Photoshop, just open the Swatches panel and load new swatch or double click on the downloaded .ASE file.

As a painting decision, I am going to paint the 3D objects Pupils black, the eyelids dark green the the body a lighter green. For more control I am using my Wacom Intuos Tablet as opposed to a mouse, a Wacom Cintiq is even better.

To demonstrate this I have created a very short (3 minute) video that shows how it all works. Enjoy.  

If you enjoyed this video, there are many more on my YouTube channel, if you want to find out more don’t forget to subscribe.

 

 

 

Share on Facebook

Photoshop CC Features Panel now available

photoshop_cc_features_blog_title

Photoshop CC is a remarkable release but how do you learn what the new features are and how to use them? The answer is the Photoshop CC Features panel where you can access new tools and features and watch videos all within Photoshop CC and it’s available exclusively from Adobe Exchange.

Special thanks to Stéphane Baril of Adobe (@sbaril on Twitter) who created this panel with Adobe Configurator 4.

Launch the Photoshop CC app and then open the Adobe Exchange Panel by going to Window > Extensions > Adobe Exchange.

menu2

If you haven’t already, you need to apply the CSXS update to enable the Adobe Exchange Panel first – Details here.

Photoshop CC Features is available for free for Creative Cloud paid subscribers. If you are just trying out Photoshop CC at the moment but want this panel you can get it with the Samples included with the free Adobe Configurator 4. While you are there you can also edit the Photoshop CC features panel to make it even more tailored to your needs.

Update

The Panel has just been updated to version 1.0.2 but don’t let the small version number fool you, it’s a big update with a number of usability improvements and includes the new Photoshop CC Generator feature. Existing users can get the update from within the My Stuff section of the Adobe Exchange Panel now.

Enjoy!

Jonathan Ferman | Product Manager

P.S. Want to have fun learning Photoshop CC? Check out LevelUp, also available exclusively on Adobe Exchange.

- See more at: http://blogs.adobe.com/cssdk/2013/10/photoshop-cc-features-panel-now-available.html

Share on Facebook

Creative Cloud Desktop App – File and Font Sync Now Available

If you are on the Creative Cloud then there is some amazing news! From today you should have have access to Creative Cloud Desktop File & Desktop Font Sync.

What does this mean.

  • You can sync and save files from your Desktop into your creative cloud storage area (it’s ok you won’t loose anything, as it will be on your computer already)
  • If anything that is added in the browser version of Creative Cloud Files, then they will appear on your desktop.
  • If you are running CC single Edition, Creative Cloud for Teams or Creative Cloud full then you will also get your selected Typekit fonts synced to your desktop as well.

You should be on the current version of Creative Cloud and have the following options available. This application will keep a track of how much storage you have available, as well as making sure that your desktop folder and the Creative Cloud folder on the web are in sync. You can access your web storage here (http://creative.adobe.com).

Screen Shot 2014-04-09 at 18.47.18

 

There are some configuration options that you can set up. Navigate to Preferences (click on the cog in the top right hand corner)

Pref

On the preferences menu there are options for Fonts and Files. On the Files tab, you can see the ability to turn on/off just the files sync  (marked Red), as well as the change local folder location (marked Purple). You can also control the transfer speed (both up and down).

Screen Shot 2014-01-03 at 14.16.29 copy

File sync can be paused independently as well, by choosing the Pause option directly from the Fly out menu.

Pause

On the Font tab you are able to control the individual sync.

Screen Shot 2014-01-03 at 14.16.38

 

 

Share on Facebook