Adobe Photoshop

,

Create Facebook 3D Photos using Photoshop and an iPhone

,

In this tutorial, learn how to create 3D Facebook Photos with layered graphics, using Adobe Photoshop, the Depth Cam iPhone app, and Facebook.

By using Portrait Mode on the iPhone, you can upload photos to Facebook and have them appear as 3D photos, creating an eye-catching parallax effect when users scroll through your feed. But did you know you can create them using graphics, photos, and layered images?

Follow these quick steps to create and upload your own 3D photos to Facebook!

Looking to simply create 3D photos using portrait mode on your iPhone? Check out this quick video below!

Want to make Lighting & Reflections in Cinema 4D a snap?

Take a look at 360° Environment Maps Pro for Cinema 4D & Cinema 4D Lite to quickly and easily add lighting and rendering options to your scene. You can also save over 25% on bundle packs!

360° Environment Maps Pro for Cinema 4D: Vegas City Pack
360° Environment Maps Pro for Cinema 4D: Vegas City Pack
$25.00
360° Environment Maps Pro for Element 3D: ULTRA Bundle
360° Environment Maps Pro for Element 3D: ULTRA Bundle
$55.00

Want more info on New Features in Photoshop? Learn more about:

• New Layer Styles in Photoshop CC
• Quick Export to PNG and updates to Save for Web

• New 3D Filter to create bump maps and normal maps for 3D

• Working with Creative Cloud Libraries in Photoshop and other Adobe Apps

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Photoshop 3D Image Based Lighting - Using 360 Photos to light 3D scenes in Photoshop

When working in the 3D workspace in Adobe Photoshop, one of the key workflows to get a nice looking render is the use of Image Based Lighting. With image-based-lighting, or IBL, you can use a 360 Environment Map photo to light your scene, and show up in the reflections of your 3D objects.

In this tutorial, I go over how to set up IBL in the 3D workspace, using one of the photos from 360° Environment Maps Pro. You can create Environment Map photos using your phone, or be sure to check out the bundles in the online store where you can pick up affordable packs of up to 115 Environment Maps that can be used for Image Based Lighting in Photoshop, After Effects, and Cinema 4D.

Want to get 8K Environment Maps for Photoshop?

Check out 360° Environment Maps Pro, compatible with Photoshop

Convert Videos to Animated GIFs using Photoshop CC

Animated GIFs are BACK! With the prominence of Social Networks such as Twitter, Facebook, and whatever Snapchat is for, having auto-playing animated GIFs are a great option for grabbing attention as users quickly scroll through page content. If you have a video clip, you can easily convert it to n looping, web-ready animated GIF using Photoshop CC. Didn't know you can work with videos in Photoshop? No worries, there are a couple quick and easy steps to converting a video clip to an animated GIF. Check out the video to learn this Photoshop Quick Tip!

Want more info on New Features in Photoshop CC 2015? Learn more about:

• New Layer Styles in Photoshop CC 2015

• Quick Export to PNG and updates to Save for Web

• New 3D Filter to create bump maps and normal maps for 3D

• Working with Creative Cloud Libraries in Photoshop and other Adobe Apps

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Intro to 3D in Photoshop CC and Adobe Fuse - Live Presentation at Ascend Training

In this live event recorded at Ascend Training, I give an overview on how to transition from Graphic Design apps like Photoshop into working in 3D. Transitioning into 3D animation can seem like a big leap, but there are gradual steps you can follow to make it less intimidating. I get into starting in Photoshop's 3D environment to  create a basic 3D logo, as well as working with Adobe Fuse, a new 3D character creation app that integrates with  through Adobe CC Libraries.

Adobe Fuse is a new 3D character creator app, part of Adobe Creative Cloud. With it you can build out a custom 3D character using an intelligent UI, and then either bring your newly created character into Photoshop CC, or upload it to Mixamo's where you can add MoCap data and Download workable 3D files in a variety of formats.

Want to get a more in-depth look at Adobe Fuse? 

Learn what Adobe Fuse is, and how to bring Characters from Fuse into Photoshop CC

Learn how to bring Adobe Fuse Characters in Cinema 4D

Take a closer look at how to Assemble a Character

Learn how to Customize and Model a 3D Character in Fuse

See how you can add and Edit Clothing in Adobe Fuse

Learn about editing Textures for Fuse Characters in Photoshop

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Adobe Creative Graphic Design on Twitch.TV - Creating a 3D Logo in Photoshop 3D or Cinema 4D

I had the pleasure of popping in on Adobe's Twitch channel over at Twitch.tv/Adobe, where I talked with Adobe's Paul Trani about the different options for taking a 3D logo from illustrator and creating a 3D image out of it. We talk about the differences between 3D in Photoshop and a full 3D package such as Cinema 4D. In the first half of this live stream recording, Paul gets into some fun ways you can bring a vector logo from Illustrator into Photoshop, and in the second portion I get into cracking opening Cinema 4D or Cinema 4D Lite (included in After Effects CC) to create a 3D logo out of the "Creativity 360" illustration that we started with.

Whether you're completely new to working in 3D animation in either Photoshop or Cinema 4D, or a seasoned pro, this live show is packed with tons of tips for working in 3D.

Here is a still render of what we worked up during the live show:

When in doubt, add a bunch of colorful glows around the edges. Instant pop!

When in doubt, add a bunch of colorful glows around the edges. Instant pop!

You can also now follow me on Twitch for live videos tutorials, Q&A sessions, and the occasional Fallout 4 webcast at Twitch.tv/SeanFrangella

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

How to use Photoshop to edit the materials of 3D Characters created in Adobe Fuse

After you've assembled a 3D character in Adobe Fuse, then worked on customizing the character, and added clothing to your character, you can also edit and customize the Materials once you bring the 3D character into Photoshop. By customizing the textures, you can adjust materials found on the clothing, as well as swap out the textures, change the colors, and more. If you want to completely customize an existing material, you can dig into the asset folder of Adobe Fuse and open up an image materials in Photoshop CC.

Adobe Fuse is a new 3D character creator app, part of Adobe Creative Cloud. With it you can build out a custom 3D character using an intelligent UI, and then either bring your newly created character into Photoshop CC, or upload it to Mixamo's where you can add MoCap data and Download workable 3D files in a variety of formats.

Want to get a more in-depth look at Adobe Fuse? 

Learn what Adobe Fuse is, and how to bring Characters from Fuse into Photoshop CC

Learn how to bring Adobe Fuse Characters in Cinema 4D

Take a closer look at how to Assemble a Character

Learn how to Customize and Model a 3D Character in Fuse

See how you can add and Edit Clothing in Adobe Fuse

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

How to create custom 3D Characters in Adobe Fuse and bring them into Photoshop CC

I first saw Adobe Fuse at Adobe MAX back in the fall of last year, and I was really excited about the potential of what you can do, and what this app has the power to become. When Adobe first announced the purchase of Mixamo, known for 3D gaming character assets, I was curious as to how it would be added to the Adobe Mix. Now the Fuse, which was under development by Mixamo, you can design a 3D character using a smart UI and sliders, and then bring it into Photoshop CC, or export it to your preferred 3D app.

Remember that sweet character creator in NBA Live '95? (kids ask your parents) Now you can do that, and call it work! Learn how to get started with Adobe Fuse to build out a custom 3D character in the tutorial above, and then how to sync it to your Adobe Creative Cloud Library and bring it directly into Photoshop. Once in Photoshop CC, you can then choose from a large library of MoCap data to have the character animated.

Adobe Fuse is a new 3D character creator app, part of Adobe Creative Cloud. With it you can build out a custom 3D character using an intelligent UI, and then either bring your newly created character into Photoshop CC, or upload it to Mixamo's where you can add MoCap data and Download workable 3D files in a variety of formats.

Want to get a more in-depth look at Adobe Fuse? 

Learn how to bring Adobe Fuse Characters in Cinema 4D

Take a closer look at how to Assemble a Character

Learn how to Customize and Model a 3D Character in Fuse

See how you can add and Edit Clothing in Adobe Fuse

Learn about editing Textures for Fuse Characters in Photoshop

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Working with the new Blur Gallery in Photoshop CC 2015

Some cool updates to Photoshop CC 2015 are the new features of the Blur Gallery. The new blur gallery lets you adjust noise and grain with more refinement, as well as control different blurs. This is very useful when working in Photo editing, or throwing parts of elements out of focus and matching the grain in the original source photo correctly. Check it out in the video above!

Want more info on New Features in Photoshop CC 2015? Learn more about:

• New Layer Styles in Photoshop CC 2015

• Quick Export to PNG and updates to Save for Web

• New 3D Filter to create bump maps and normal maps for 3D

• Working with Creative Cloud Libraries in Photoshop and other Adobe Apps

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Working with Creative Cloud Libraries between Photoshop CC 2015 and other Adobe Apps

A major update to all Adobe apps for for 2015 is the introduction of Creative Cloud Libraries. Libraries allow you to easily move graphic and video assets between multiple Adobe CC apps, and even share assets with a group.

As an individual user, this helps keep track of assets you might reuse frequently -  like icons - and keep them readily available between all Adobe Apps. When working with a group, using Photoshop CC 2015 libraries lets you share and keep assets updated without having to constantly transfer updated filesamong multiple people. Learn about it in the video above!

Want more info on New Features in Photoshop CC 2015? Learn more about:

• New Layer Styles in Photoshop CC 2015

• Quick Export to PNG and updates to Save for Web

• New 3D Filter to create bump maps and normal maps for 3D

• Using the updated Blur gallery in Photoshop CC

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

How to easily create Bump and Normal maps for 3D in Photoshop CC 2015

If you work in the 3D animation or gaming industry, creating bump or normal maps for textures is a great way to create more realistic looking textures, without adding tons of render time. With this new feature for Photoshop CC 2015, you can knock these out in a couple seconds, and easily make adjustments. This is one of my favorite new features for Photoshop in years! Learn about how to make Bump or Normal maps in Photoshop CC 2015 in the video above.

Want more info on New Features in Photoshop CC 2015? Learn more about:

• New Layer Styles in Photoshop CC 2015

• Quick Export to PNG and updates to Save for Web

• Working with Creative Cloud Libraries in Photoshop and other Adobe Apps

• Using the updated Blur gallery in Photoshop CC

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Using the new "PNG Quick Export" in Photoshop CC 2015

Hey, where the hell'd my Save for Web go?! With the updates to Photoshop CC 2015, Save for Web has moved, and been rebuilt into the new "PNG Quick Export." If you are building raster graphics for a mobile app, the part of the end of the project to save out all the graphics as small, cropped images can be a real pain, With the new PNG Quick Export, Photoshop will do the heavy lifting for you. Check it out in the video above!

Want more info on New Features in Photoshop CC 2015? Learn more about:

• New Layer Styles in Photoshop CC 2015

• New 3D Filter to create bump maps and normal maps for 3D

• Working with Creative Cloud Libraries in Photoshop and other Adobe Apps

• Using the updated Blur gallery in Photoshop CC

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Working with the new Layer Styles in Photoshop CC 2015

Layer styles in Photoshop have always been good for a quick effect, but using them can leave a bit to be desired if you want to add multiple layers of effects, or change the render order. Well, a problem no more! In this Photoshop CC 2015 Tutorial, learn about the new options for layer styles, and how to use new settings for creating multiple drop shadows, glows, strokes, and other new settings for Photoshop Creative Cloud 2015. 

Want more info on New Features in Photoshop CC 2015? Learn more about:
• Quick Export to PNG and updates to Save for Web

• New 3D Filter to create bump maps and normal maps for 3D

• Working with Creative Cloud Libraries in Photoshop and other Adobe Apps

• Using the updated Blur gallery in Photoshop CC

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Top 5 New Features of Photoshop CC 2015

Photoshop CC 2015 is a huge update, and there are some updates to major features like layer styles and PNG export, creative cloud libraries, and one of my favorite new features for working in 3D - a filter for quickly creating bump maps and normal maps. Check out my Top 5 features top Photoshop CC 2015 in the video above.

My Top 5 features are:
• New Layer Styles
• Quick Export to PNG
• Filter to create bump maps and normal maps for 3D
• Creative Cloud Libraries
• Updated Blur gallery

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

How to create 3D logos in Cinema 4D starting with a photo Image

Ideally when you're using Cinema 4D to extrude a logo into a 3D rendering using, you'd want to start with a vector version of the logo so it can be infinitely scalable. Sometimes, however, the vector format isn't available, or the logos you need to create in 3D are so complex that there isn't enough time to extrude and texture it piece by piece. 

I recently had that situation come up, where I had to not only create 3D versions of all the Blackhawks logo, but create similar 3D versions of many other NHL logos, all in a short time. To get the job done, I came up with this workflow to use an outline of the logo as the extrusion, and then a still image as the texture. This also covers tips on using Photoshop CC and Adobe illustrator in your Cinema 4D workflow. In this video I go in-depth on how I developed this process!

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

,

How to Create Custom Guide Layouts in Photoshop CC

,

In this Adobe Photoshop Quick Tip video, I go over the new Guide Layout and Guides from Shapes features. These are new Photoshop features which are released with the October 2014 update to Adobe Creative Cloud 2014.

Want more Photoshop Tutorials? Check out some new features to Photoshop CC 2015:
• New Layer Styles
• Quick Export to PNG
• Filter to create bump maps and normal maps for 3D
• Creative Cloud Libraries
• Updated Blur gallery

Like this tutorial? Consider becoming a Patron at Patreon.com/SeanFrangella to get additional benefits such as project files and more! 

To get weekly Motion Graphics, VFX, and 3D animation tutorials be sure to subscribe to the show on YouTube!

Latest Posts

Search

Get Social