Creative Cloud file view refreshed, and ability to share a Public link to a Creative Cloud Folder is now available

If you navigate to your files page on creative.adobe.com you will see a refreshed look and feel, as well as having the ability to share a link to a folder by making it public.

Screen Shot 2014-05-09 at 09.48.28 copy

You will also find that you can now share a link to a folder. The Send link is available by clicking the black arrow on each folder. A flyout window (marked in Red) will appear and you can share a link to the folder from here.

Screen Shot 2014-05-09 at 09.48.28 2

A dialog box will appear (similar to the one marked in red below). By default the folder is private, to make it public and share the link, click the “Create Public Link” button.

Screen Shot 2014-05-09 at 09.48.28 3

Once the make public button is clicked. You are able to revert this change (marked in red), as well as seeing the short URL for the folder marked green), the URL can also be copied to the clipboard as well. The recipients email address can be entered into the box marked in pink, if you choose this option, then creative cloud will send an email on your behalf once you click the “Send link” button. The download files within the folder can be disabled point, you you would like people to view only.

Screen Shot 2014-05-09 at 09.48.28 6

When the recipient access the public URL they will see a screen similar to the following. The screen will show the contents of the folder, including other folders. Clicking on the other folder(s) will drill down into those folder(s) as well.

Screen Shot 2014-05-09 at 10.50.49

By clicking on an image will show the one image per page

Screen Shot 2014-05-09 at 10.55.36

When using a Photoshop file, the layers panel can be selected (marked in red below), each layer can then be turned off/on individually to show the build up of the asset.

Screen Shot 2014-05-09 at 10.59.23 copy

The file can be downloaded as well (as long as the download check box was enabled), by clicking on the download link. The viewer will be given options on how to download the file (don’t forgot if you want to share/allow a viewer to view and/or download a Raw Photograph, you can do that as well).

Screen Shot 2014-05-09 at 11.03.11 copy

The download will not be shown when the folders download option is turned off on the send folder link configuration panel.

Screen Shot 2014-05-09 at 11.05.52 5

 

Note the download option is now not available to the viewer when this option is disabled.

Screen Shot 2014-05-09 at 11.12.30

If an Illustrator file is viewed, each art board will be shown as a separate page

Screen Shot 2014-05-09 at 11.17.04

Layers in Illustrator files are turned on and off in the same way as Photoshop layers are in the Creative Cloud web viewer.

Screen Shot 2014-05-09 at 11.17.15

 

This means now that you can share a link to your files in a folder with people that are not in the Creative Cloud.

 But wait there’s more

Content within the folder for the owner has also been refreshed

Screen Shot 2014-05-09 at 11.30.14

 

We hope that you find this additional feature useful within the Creative Cloud web interface.

 

Share on Facebook

#CreativeFriday – Before and After preview in Adobe Camera Raw (ACR) in Photoshop CC

Today’s blog is a deep dive into the new Before and After preview mode that has been available inside Adobe Camera RAW (ACR), within Photoshop CC. The before and after preview enhancement options where added to ACR inside Photoshop CC as part of the 8.4 ACR update.

This option is a welcomed feature and it’s extremely handy have this in the ACR panel. It means that adjustments can be reviewed against the original file or another base line effect. This feature also extends itself to the snapshots option within ACR (covered as part of this post).

Of course the before and after preview doesn’t only add value to the Photographer and RAW photographs, but also to any other users when using the Camera Raw as a Filter, which was added into Photoshop CC. The Camera RAW (ACR) as a filter option allows the powerful Camera raw adjustments to be used on anything inside Photoshop CC (including Layers, JPG, TIFF, Groups, video clips/sequences, 3D and many other combinations).

The example below will provide a deep dive in to all of the options available as part of the preview feature, what the options do and how it can be used in the real world. We will also cover how it works with snapshots for comparing adjustments to other snapshots.

The picture below was taken in a monastery in Bhutan, and I know there is some shadow information that I would like to show, and this can be achieved using the Shadow recovery in ACR (the same as Lightroom). As the image is being modified, the changes can be previewed against the original, as well as comparing an effect or a preset to another preset once I am happy with the ACR adjustments. Then I can really see which effect suits the image the best.

1

The bottom left of the image is a little dark, so the shadows can be opened up by using the shadow slider in combination with the Gradient tool. The Gradient tool is pulled into the frame from the lower left of the image and more detail is revealed.

Notice on the screen shot below that the tools now show the mask that is created by using the gradient, and an option to change the colour of the mask is available (marked in Red below).

2

The mask is turned off by unchecking the mask check box, which makes it easier to see the effect (marked red above).

To see the before and after preview the “before and after preview button” at the base of the image (marked red below), can be pressed (or by pressing the Q key). The previews that are available are on a cyclic view, which is enabled with multiple presses of the preview button, or by pressing the Q key multiple times. The previews that will be displayed as part of the cycle are available for configuration through the options that have been selected on the preview preferences panel. You can access the preview preferences by holding a right click on the preview button (marked red) and a small pop up box will appear (marked blue).

3

Once the preview preferences option has been selected a small panel will be displayed (as shown below)

4

The cycle preview modes option provides a way to have the preferred previews shown when cycling through the before and after preview views, meaning that if you like only Top/Bottom side-by-side view as your preview, selecting only this will show this view when the preview button is pressed (marked red above), or the Q key is pressed. The Draw items panel determines how the splits are shown on the screen and if the before and after labels are displayed (examples discussed within this post).

Each view is shown in the following screen shots.

Left/Right side-by-side

5

Left Right Split view

6 Top/Bottom side-by-side

7 copy

Top/Bottom split view

8

The view of the split screen or side by side views can be modified to your liking within the preview preferences panel (shown below). The Divider in side by side view (in preview preferences, marked in red below), this refers to the dividing line (marked red in both cases in the screen shot below), and shows a solid black line between the two images.

The Panel labels (marked blue) will label up each side of the view with before and after.

9

The following screen shot shows that you can select just one preview view.

10

Of course the before and after preview comes into it’s own once you zoom in and use the hand tool to explore and compare specific areas of the scene (marked red below).

11

Snapshots

Snapshots are available in the area marked in red below and will be empty on the first instance of opening Camera RAW (ACR). The are two distinct ways of using the snapshots. One is to create the look manually using the tools inside ACR, then create the snapshot to record the adjustment. Or a to use a preset adjustment and create a stored snapshot item to record a certain effect.

 

Using Presets

Moving to the snapshot panel (marked Orange below), will revel a fly out menu (marked Blue). In the screen shot below, the cursor is hovering over Apply preset. This means that any preset in ACR (marked pink), can be selected and applied this to the image. Once a preset has been selected (VSCO presets are used in this example, they available from https://vsco.co). The snapshot button (marked in Brown), will record this effect against a user defined name (marked Yellow), this will record the snapshot save it in the snapshot list. In this case the name is the same as the preset chosen (this will help me remember the preset that was used to achieve a certain effect).

 

12 copy

 

You can repeat this action of applying presets and saving as a snapshot as many times as is required.

 

N.B. If the original layer has been converted to a smart object (either from Lightroom or when the file was opened from ACR in the first place), the presets will be stored in the .PSD/.TIFF file. This procedure will create a re-editable ACR configuration which means the adjustments made in ACR are non destructive and can re-edited again and again, even when the file is closed and re-opened as a .PSD or a .TIFF.

 

Adjustments as snapshots

Presets are not the only way that snapshots can be used, adjustments that are made within the ACR tools (radial filter, gradients, brushes, exposure etc), can be saved as a snapshots as well.

Once the snapshots have been applied you can then cycle through them and see how they are different from the original image/before the snapshot was applied, and compare the different effects.

 

This is shown in the video below

 

You may wish to compare a selection of snapshots against a specific snapshot.

To achieve this, choose the snapshot that you would like to use as the before image, then press the “copy current settings to before “ buton (or pressing alt/option and P keys), marked in red below. This will make the before image the same as the current snapshot. Then the other snapshot can then be compared to this version

13

See the video below to see this in action

 

Hopefully this has given you a deeper understanding of using the new preview buttons and options in Camera Raw ACR 8.4.

 

 

Share on Facebook

#CreativeFriday – 3D Extrusions in Photoshop CC using the Pen Tool

Sometimes all you need is a simple “thing”, i.e. like a Smart Phone holder, or something to hold the rose bush in place in the garden, but there just isn’t the exact object in store anywhere. I find this situation now quite interesting and rather than moving in to a state of panic, I can actually design  something and prototype an idea until I get it to work to way that I need it to.  However, i’m not a dedicated designer and I don’t have the 3D tools or the inclination to work in polygons or other 3D technologies. The solution, is that I need something really easy to use, that will allow me to take my idea(s) and allow me to use the knowledge that I already have within the Photoshop tools, to make something.

As an initial ideal and after seeing Paul Trani’s iPhone holder, I decided to make my own Smart Phone holder using the Adobe Logo shape as a base.

The design will be very simple, not pretty or designed out, but functional at best. This object will become a simple smart phone holder (ok. i have an iPhone, so that’s what i designed it for, but it could be re-designed very quickly for any other device

The object that will be made in this tutorial can be seen on the Sketchfab platform (as shown below).

Adobe iPhone Holder
by rcurtis
on Sketchfab

The design was built with the standard Adobe logo. The first thing to do is to trace the outline of the white area and create the front/side face of the model. The logo is opened into Photoshop CC and then using the Pen Tool the edge is traced.

Screen Shot 2014-04-29 at 21.29.58

The white background is all that is needed for the model, the easiest approach is to use a guide (make sure rulers are turned on (View / Rulers)), then a guide is pulled down from the top (you can turn guides off later by choosing view / show / guides). The guide will be used to align the base of path that will be created for the final object. The guide is shown in light blue.

Screen Shot 2014-04-29 at 21.42.42

Pen tool is selected (marked in Red).

Screen Shot 2014-04-29 at 21.42.42 copy

The Pen tool is used to follow the edge of the white area and make the outline of the Adobe Logo.

Screen Shot 2014-04-29 at 21.50.13

Once the initial design is complete, there needs to be a place to put the Smart phone. In this example, an element of the right hand side of the logo can be used as the holder for the phone. There are many alternative design considerations here, so it’s just a working example.

The Pen tool can be used to cut the section out of right hand edge by intersecting the existing edge, and make a small lip to hold the bottom edge of the phone in place. Just remember that there might be a home button that needs to be accessed while it’s in the cradle, in this case there needs to be enough room to firmly hold the phone and provide access for this button.

Screen Shot 2014-04-29 at 22.00.13

The great thing about using Photoshop CC and the Pen tool, is that the design can be modified after it has been converted into a 3D model. Think of this as a non destructive shape. You can create anything similar to this using the Pen tool, but be aware that that there is a limit to path complexity.

An empty layer is created (marked Red), to hold the 3D object, otherwise Photoshop will use the logo as a template for the 3D object.

Screen Shot 2014-04-29 at 22.30.11 copy 1

Select the new empty layer and make a 3D extrusion select from the menu bar by choosing 3D / New 3D Extrusion from Path (marked red). This will convert the simple shape outline into a 3D object. This option can also available when using the Pen tool, and right clicking on the path and choosing “Convert path to extrusion” (marked Yellow).

Screen Shot 2014-04-29 at 22.30.11 copy

The 3D extrusion will be created

Screen Shot 2014-04-29 at 22.46.01

Once the 3D geometry has been created you can use the 3D tools inside Photoshop to finish your design. This maybe compositing it into a 2D scene using the Vanishing point, or maybe even 3D printing it.

The next step for this example was to 3D print it and see if it would do the job of holding the smart phone.

Screen Shot 2014-05-01 at 19.01.56

The object was printed in just a couple of hours. This was a great way to see if the object would work before a better print and more of them were printed. This process is typically called Rapid Prototyping and provided valuable in this example. It turned out that the actual holder part was to small. The path design can be re-edit at any time, make sure the move tool is selected (marked Red), then click on the 3D object to show the cage (yellow box).  With the properties dialog being open at the same time, clicking the  Edit Source (Marked Yellow), will allow you to modify the original path.

Screen Shot 2014-04-30 at 16.28.10 copy copy

Once the original path is loaded into a second window. The Direct selection tool (White pointer) (marked Red), can be used to change the original path (the vector).

Screen Shot 2014-04-30 at 16.43.53 copy

Once editing has completed, the window can be closed and the modifications saved. This will dynamically update the 3D object back in Photoshop. CC.

Screen Shot 2014-04-30 at 16.50.21

Once the design has be re-worked and maybe printed again, the final working model could be printed multiple times. In fact the object was quickly duplicated 5 times more in Photoshop on the 3D layer, and then exported as a MakerBot x3g file. The final print took a whopping 17hrs to print, but leaving the printer over night certainly did the trick.

photo

You can see here that Photoshop CC is a great way to try 3D and create some 3D content that can be very useful and not to intimidating as you already know how to use most of it from your existing knowledge of Photoshop 2D.

For some inspiration head over to Francois Veraart recent Photooshop 3D artwork project  on Behance. We would love to see and hear what you make in Photoshop CC. Why not upload your creations to SketchFab.com with the free account and tweet me at @richardcurtis.

SketchFab is integrated into Photoshop CC, and available by choosing the menu item 3D / Share 3D layer on SketchFAB.

Best of luck..Please also let me know there there is anything else that you would like to see written on Photoshop CC 3D tools.

If you don’t currently have Photoshop CC then why not try it for 30 days using this link, look at all of the available plans here.

Share on Facebook

Adobe Inspire Magazine – Innovative Photography

There are some amazing innovative and creative photography projects and photogtaphers in the world. And it’s always great to be inspired by these people to allow our own photography to grow and become even more amazing. The Adobe Behance platform is a great way to publish content and inspire others, as well as to be inspired. The Behance platform can also be used to collaborate with others (closed peer groups or the wider community). Behance can be find at www.behance.net.

Adobe also make a magazine called Inspire and is available on the iPad from Apple iTunes. The current edition has an amazing piece of work from Jean-Yves Lemoigne, Jean has found a way to mix all media types to create his style and creates a mesmerising and unique and creative piece. Jean’s website is available here, but his loop project is the piece of work that i’d like to draw your attention to, this piece can be found here.

Screen Shot 2014-05-01 at 19.44.49 copy

The Inspire magazine is available on the browser by following this link, but there will be some delay as the content needs to download. The iPad however, is a great experience.  The looping images are the ones that have great impact, and are within the article. The first one is shown here and with a quick look.

Screen Shot 2014-05-01 at 19.47.35 copy

 

Enjoy the experience.

Share on Facebook

#CreativeFriday – Watermarks, Print Templates and Tethering into Lightroom

There are many times when an image or text is required to be overlayed on your images. This might be when an image is published to the web (in the form a a copyright logo/text), or maybe at an event where logos are overlaid and printed on the output. This blog post will explain how to set up text and graphics for an overlay, as well as including the overlay on a tethered capture.

Lightroom accepts both JPG and PNG files for watermarks, both of which are easy to create. We will use Photoshop CC to create a simple .PNG image overlay. The Benefit of using Photoshop CC, is that you can use anything for your image overlay and get it exactly where you need every time.

 

The first step is to think about the dimensions/size of the final output (you can change it later, but I find it best to design this early in the process.

 

The example used here is based on a standard 6×4 output.

First, open up Photoshop CC and create a canvas with an aspect ration of 6 inches by 4 inches, making sure that the background is transparent (this is import, as it will let the image be displayed through it (remember the watermark overlay will be above the image in it’s stacking order).

 

Screen Shot 2014-04-25 at 13.34.16Photoshop CC will now show the transparent canvas

Screen Shot 2014-04-25 at 14.08.28

Graphics and the like can be added to your overlay design. In this example, there is a simple piece of text (Font is coming from Typekit), as well as the Adobe logo and a white rectangle with a blurred edge.

Screen Shot 2014-04-25 at 14.15.31

You can see that we have used the “Facit” font which has been downloaded as part of the Typekit Fonts.

Screen Shot 2014-04-25 at 14.14.45

Save the template for Lightroom in the .PNG format. It’s also worth while saving the .PSD file as we may need to revisit it at a later time.

Screen Shot 2014-04-25 at 14.18.06

Open Lightroom and head over to the Print module (Lightroom 5.4 is being used in this example).

Screen Shot 2014-04-25 at 14.19.49

A new page setup will need to be created, to do this click on the “Page Setup” marked in Red below. For the image size that i’ve chosen in this example, a preset does not exist, so a new custom one will need to be created. Clicking on the “Manage Custom Sizes..” will take us to the custom page editor.

Screen Shot 2014-04-25 at 15.16.34 copy

A new page can be created by clicking on the “+” button on the dialog. Name the page preset as appropriate (in this case I have called it 6×4), then specify the width and height values.

Screen Shot 2014-04-25 at 15.16.45To make it simple, this dialog uses Millimetres (MM), you can convert inches to mm by using the following calculation

Screen Shot 2014-04-25 at 15.18.40

 

Press OK.

Inside the Print module of Lightroom (marked Red). You can see that the Single Image / Contact sheet (marked Yellow) has been selected. An image has also been loaded into the image area (done by selecting a picture) in the filmstrip. Within the Layout configuration (marked Purple) the margins have been zeroed, 1 row and column selected, as well as the cell size equalling the size of the page setup (6in x 4in (ruler units can be changed if required)).

Screen Shot 2014-04-25 at 15.22.57 copy

Open the “Page” tab (right hand side of the print module in Lightroom, “Watermarking” (Marked Red) has been enabled by clicking on on the tick box, then click on the “None” combo box to open the watermark selector. Notice there are already a few watermarks set up, and am able to call upon any saved ones when needed. To create a new one, select “Edit Watermark” (marked Yellow). The Watermark dialog will appear (marked Green).

Screen Shot 2014-04-25 at 15.23.07 copy

By default text might be enabled (radio button at the top of the panel). The text that is used for the watermark is shown and is editable on the bottom right hand side (under the picture). The Font can also be changed under the text options, including fonts from Typekit (which are now available if you are a Creative Cloud subscriber, if not then you can access a 30 day trial here).

To enable graphics, click on the Graphics radio button selector in the top right hand side of this panel. Then choose the .PNG file that  was created in Photoshop CC earlier.

Screen Shot 2014-04-25 at 15.41.16

The transparent file will be shown over the example picture that was selected earlier.

Screen Shot 2014-04-25 at 15.41.22

Under the watermark effects, physical attributes can be changed, i.e. Opacity, size (if the Photoshop page size was done correctly, this should need to be set to Proportional and 100%, otherwise, these can be adjusted), The anchor point can be changed as well, centre has been used on this example.

Screen Shot 2014-04-25 at 15.41.24

But looking at the overlay, there is some of the underlying image missing, the original template needs to be changed to make the white rectangle more opaque,  just need to head back over to Photoshop CC and adjust the opacity of the white area. The adjustment is marked in Red below.

Screen Shot 2014-04-25 at 15.57.44 copy

Re-save the file as the .PNG version and re-load the image in to the Lightroom Watermark dialog. You can see the change makes more sense and shows the whole image.

Screen Shot 2014-04-25 at 16.01.13

Before Save is pressed, you can update the current watermark or create a new one by opening the combo box (marked “RC (edited) above), at the top of the watermark editor dialog (shown below).

Screen Shot 2014-04-25 at 16.02.33

 

Save the watermark. The image should update in Lightroom

Screen Shot 2014-04-25 at 16.05.39

The print job can be set up as well, Printer configuration has been completed in the example, however, you can also create a JPG file as well from the result.

A Saved print can be made by clicking on the Create Saved Print button (marked Red below), then naming it and selecting the options.

Screen Shot 2014-04-25 at 16.09.44 copy

I would also recommend that a Lightroom template is made. Navigate to the Lightroom Print Templates and click on the “+”sign. Then name the template as needed and press Create.

Screen Shot 2014-04-25 at 17.34.11 copy

 

Once the template has been created a right click will update it with subsequent changes, as well as able to export and import other templates in other Lightroom’s (if you are transferring the templates, you might need to also transfer the image used for the overlay as well).

 

Screen Shot 2014-04-25 at 17.32.16 copy

One useful purpose and a trigger for this post is event photography, having images captured via tethering and having the watermark automatically applied. To do this, Plug the camera into the computer using a tether cable (or your preferred method). Head over to the library module and start tethered capture.

Screen Shot 2014-04-25 at 16.20.59 copy

Once tethered capture has been selected, you will need to select a few options (like the shoot name). This name will be used later to select the images captured.

Screen Shot 2014-04-25 at 16.21.11

Press OK. The tethered tool bar will appear and should connect to the camera. Notice that a development setting can be applied at the time of tether, this will allow you to make your prints with a development preset already having been applied, giving your prints  finished look. Also, notice the name of the session appears on the left hand side of the Library module.

Screen Shot 2014-04-25 at 16.26.08 copy

To make sure that the print template is applied to the images that are taken in this shoot, a smart collection can be used to hold the images coming in from the camera (this is nice and clean, especially if you are showing clients that are with you in the shoot). Locate the collections panel in the Library module and click on the “+” icon, then select the “Create Smart Collection” as shown below (marked Red).

Screen Shot 2014-04-25 at 16.38.13 copy

The Smart Collection will need some more information (i.e. where to find the images), for this make a rule that will select all images where the folder name contains all of the words of the tethered capture shoot name, in this example “Studio Session 2″.

Screen Shot 2014-04-25 at 16.35.21Head over to the Print module, select the newly made Smart Collection, the film strip should be empty. Any pictures taken on the camera as part of the tether should will be placed in this Smart Collection and have the template applied automatically. Markings in Red are the configurations in Lightroom, the areas marked Yellow will create the Print or the file.

 

Screen Shot 2014-04-25 at 16.36.36 copy

 

The last thing, is that the operator just needs to press CTRL+P and the result will be printed on the printer.

 

 

Share on Facebook

Typekit Desktop Fonts Available for All Including the Photographers Bundle

In January 2014 the Adobe Typekit team launched their fonts to be synchronised via the Creative Cloud Desktop App and used on the Desktop inside the Creative Apps (or any apps on the desktop) as well as on web sites. So far the response has been fantastic, with more that 140,000 users syncing fonts, and using them within their designs in the desktop applications.

Starting today (April 24th), all individual Creative Cloud users at all plan levels, including the Photography Bundle and free memberships, will be able to sync fonts to their desktop for use in the applications. Free and open source fonts are now available to use in any Adobe or third-party application on Windows and OS X – that’s over 130 fonts, including the entire Adobe Source collection, popular families from League of Movable Type, and more.

To access the fonts, open up the Creative Cloud Desktop App.

The Creative Cloud Desktop app can sync the fonts to your desktop and NEEDS to be enabled all of the time to have the fonts available for use. If the Font sync is turned off your Creative Cloud desktop app will most likely look like the following.

Screen Shot 2014-04-23 at 09.56.25

 

To turn Font sync on, you need to click on the “Turn Font Sync On” button in the middle of the panel. Othewise, you can click on the cog (placed in the top right of the app), and choose “Preferences”.

Screen Shot 2014-04-23 at 09.59.54

 

Then choose Fonts and click the “On” for the  Sync on/off option.

Screen Shot 2014-04-23 at 10.01.48

 

Once the Fonts are enabled for sync you can then choose which font to download by clicking on the blue button “Browse Fonts on Typekit” (manage fonts is covered at the end of this post).

Screen Shot 2014-04-23 at 10.18.38

 

 

 

 

Browse Fonts on Typekit

This option will take you to https://typekit.com, desktop fonts and allow you to filter and search for the font that you need (accessing typkit.com from the Creative Cloud should login you automatically, however, you can also manually navigate to this website and log in from anywhere, your font’s will then be downloaded to the computers where the Creative Cloud Desktop app is running and syncing).

Screen Shot 2014-04-23 at 10.05.51 copy

Once the Font has been selected, you can see previews of the Font weights etc.  You can choosing to download the font to the desktop by clicking the “Use Fonts” button marked in Red below).

Screen Shot 2014-04-23 at 10.21.22 copy

Once the font has been chosen for usage(by clicking on the desktop icon under the font itself (marked Red above) it will be added to the download queue.

Screen Shot 2014-04-23 at 10.08.58

Once the font has completed syncing, it will be displayed in the Creative Cloud Notification area

Screen Shot 2014-04-23 at 10.08.51

 

and will be visible in the Fonts list as part of the Creative Cloud Desktop App.

Screen Shot 2014-04-23 at 10.19.49 copy

 

The Fonts are also available in the apps.

Screen Shot 2014-04-23 at 10.12.59 copy

 

 

 

 

Selecting Manage Fonts from the Creative Cloud App will take you to your account page and the Font’s that are already synced page on Typekit.com.

Screen Shot 2014-04-23 at 10.33.45

 

Share on Facebook

#CreativeFriday – Create 3D printable Lithophane and print it directly from Photoshop CC

The Photoshop engineering team have been working on some innovative ideas to coincide with the Photoshop CC 3D printing update. They have created an action to create a 3D printable Lithophane from any photograph in a click.

Lithophanes

A Lithophane is an etched or a piece of moulded artwork in a thin porcelain that can be seen clearly when it is back lit with a light source.

Lithophane

How does this relate to Photoshop? A final Lithophane is just a piece of 2D artwork or 2D photograph that has been converted into a special 3D image. This is technique used to have to be done manually, but with the help of Photoshop CC and the incredible folks in Photoshop engineering , they have worked on and created a free downloadable action that will create a Lithophane direct from Photoshop CC. This newly created Lithophane can then be sent to a  3D printer, such as a Makerbot Replicator 2 or 2x.

Downloading and running the action

Let us take this example. I would like to convert this image into a 3D printable Lithophane.

Screen Shot 2014-04-09 at 18.09.06

First things first, you will need to download the following action (action is available here). When you visit the page, you should see something similar to the image below. The hyperlink in the Red box below will download a file called “Actions.zip”. Click on the link to download it to your computer. Once the .zip file has downloaded you may need to unzip it.

Screen Shot 2014-04-10 at 17.30.46 copy

To install the action into Photoshop, you will need to open the actions window. The actions window is available under the menu option Window / Action, or by choosing the large “Play button” Marked Red below.

Once the action panel is open, click on the fly out menu (marked blue below) and choose Load action. Unzip the downloaded actions.zip file.

Screen Shot 2014-04-09 at 18.09.06 copy

Once the file open dialog is shown, locate the folder Lithophane (this screen shot is from the Macintosh, but a windows computer should be similar). Select the “Make Lithophane.atn” file and load this into Photoshop CC.

Screen Shot 2014-04-10 at 17.34.53The following action should now be available inside Photoshop CC.

Screen Shot 2014-04-09 at 18.09.27

Select the Background 2D layer (under the layers panel, marked purple below) in Photoshop CC and click the play icon  (marked Yellow) in the actions panel (it’s the play button.  The action (marked Red) will automatically convert the 2D image into a 3D printable object.

Screen Shot 2014-04-18 at 08.28.36 copy

The action will run it’s steps, then create the 3D object, next we can print it on a 3D printer.

merged lino

To print this 3D object from Photoshop CC, simple choose the menu option 3D /  3D print.

Once the 3D print option is selected, you should see the 3D printer panel (below). The 3D printer panel is also available by clicking on the 3D print properties icon (marked Red below).

The next thing to do, is select the printer. In the following i’ve selected the Maker Bot Replicator 2x (marked Green). The volume dimensions can be changed from millimetres to centimetres etc, so can the resolution of the final print (Marked Blue).

The Size of the model can be changed by modifying the X/Y/Z values. Scale to Print Volume will make the print the maximum size that will fit into the print chamber. To tell Photoshop CC to prepare this print, click the print icon (marked Pink below).

Screen Shot 2014-04-10 at 17.39.29 copy

Once Photoshop CC has analysed the object, it will show you a preview with scaffolding (if selected), for the MakerBot it’s wise to make sure scaffolding has been selected.

Screen Shot 2014-04-09 at 18.20.23

To load the model to any of the Makerbot devices, click the Export button and create the .x3g file.

Screen Shot 2014-04-10 at 17.49.01

Once the file has been created, copy it to an SD card, then place into the Makerbot printer (in this case), then choose print!

Once the print has completed,  holding it up and placing a light source behind it, it will reveal the design or scene.

That’s it. We hope you enjoy this Lithophane action.

 

Share on Facebook

Photoshop tutorial: Use Photoshop 1.7 | lynda.com

Photoshop 1.7 tutorial by Deke of Lynda.com

Share on Facebook

DataColor and Adobe – Top Tips with Adobe Lightroom and Photoshop Webinar

Tuesday, May 6th – 7.00pm (GMT)

Join this joint Webinar from Datacolor and Adobe and you’ll learn some of the latest tips and tricks on how to get the best out of Adobe’s Lightroom and Photoshop softwares as well as how to combine this into a colour managed workflow with Datacolor’s range of Colour Management solutions.

About the speakers:

Richard Curtis – Adobe
Richard is a Principal Solutions Consultant at Adobe with a focus on Digital Imaging. Richard is the UK contact for Photoshop, Lightroom, Elements and Imaging workflows around the Creative Cloud. He is a keen technologist and a photographer for over 20 years, with a focus on travel and portrait photography.

Richard West
Having headed up the photographic and design markets for Apple in the UK for a decade and latterly been the face of Nik Software in the UK for the past two years, Richard has delivered seminars and training on colour management and creative workflow to vast numbers of companies in the UK and across Europe.

 

When - May 6 2014 7:00 PM – 8:00 PM (BST)

Registration for this webinar is available here..

Share on Facebook

Unable to Login to Lightroom mobile – Unexpected Sign in Failure – Solution

There was an issue for some people with logging into Lightroom mobile on the Mac last week. Typically the error message from Lightroom Desktop was :

Error: “Unexpected Sign in failure…nil value” occurs when syncing to Lightroom mobile,
You many also receive a server not responding message

There is now a solution to this problem,

This is a known issue. The following workaround will allow you sign-in access.

1. Open System Preferences in Mac OS.

2. Select Sharing.

3. Enter your computer name into the Computer Name field. The computer name you need to enter into this field is in the text directly under this field, and contains a .local suffix. The computer name you need to enter is this name, but without the .local.

Note: If the computer name in the text is just .local, enter whatever computer name you wish into the Computer Name field, but do not include the .local.

4. Close System Preferences.

 

Information was originally posted here.

 

 

Share on Facebook