Graphic Design

Create Facebook 3D Posts using 3D Objects from Cinema 4D

In this tutorial, learn how to create 3D Facebook Posts with 3D objects exported from Cinema 4D. By creating 3D posts on Facebook, users are able to move and rotate an object in full 3D.

When using Cinema 4D, to start, export your 3D object as an OBJ. Once you have an OBJ and the accompanying MTL file, you need to convert those to the GLB file format, which is what Facebook currently uses for 3D posts.

To convert the OBJ to a GLB file, use this website: http://52.4.31.236/convertmodel.html

Check out Facebook’s developer tutorials on 3D posts here: https://developers.facebook.com/docs/...


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!


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

To see more features of Cinema 4D, be sure to check out new features in Cinema 4D R18.

• Top 5 MoGraph updates and new Effectors for R18
• Voronoi Fracture, a New MoGraph Feature
• Inverted Ambient Occlusion
• Working with the new Thinfilm Shader
• How to use the new Parallax Bump Map Feature
• Using the new Shadow Catcher for 3D Compositing
• Working with the new Substance Materials Workflow

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!


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!


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


Create 3D effects in Adobe illustrator using the 3D Tools

By using the 3D tools in Adobe illustrator, you can create some pretty cool 3D effects without needing to jump into a full 3D app like Cinema 4D. If you want to create a vector version of an extruded logo or text, tilt an illustration in 3D, or create a cool revolving effect, you can do that all right inside of illustrator using the 3D effects found right inside of illustrator. Check out the video above to learn some quick tips and tricks on how to use the 3D effects in Adobe illustrator to create some great 3D vector artwork.


Want more info on New Features in Creative Cloud 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!


Tips on Recreating "The Nice Guys" Movie Logo using the Blend Tool in Adobe Illustrator

I noticed the logo for the new film "The Nice Guys" in the movie trailer for the film and on posters that I started seeing around town, and was instantly a fan of the illustration. It is a movie logo that works well both in animation and print materials, on dark or light colors, and can be executed in one solid color; all staples of a great identity mark. Whenever I see really nice, geometrically even logo designs, I am always thinking about how some of the math could be automated in Adobe illustrator, without having to eyeball distances, line thicknesses, and other details, and without pulling up the calculator app.

This got me thinking about Adobe illustrator's blend tool, a favorite tool of mine but one that is often overlooked. With the blend tool, you can interpolate shapes, colors, line thickness, and more. 

adobe-illustrator-blend-tool-specific-steps

By using this technique on rounded arcs and lines, you can interpolate both the spacing of the intermediate lines, and the color gradation. You could even use Adobe illustrator's blend tool to interpolate the thickness between different lines. This makes recreating a lot of the letters like the "n" "c" and even the outlines between the "g" much easier. The great part is that the original elements are still editable, and the blended steps will automatically update if you make changes.

adobe-illustrator-blended-outlines

While I love my illustrator technical tips, I did not come up with the Nice Guys logo, and I completely back the idea that coming up with a great logo is MUCH more than the technical side of executing it. But once you have an idea and get to the execution phase, these Adobe illustrator tips can help greatly with your geometry straight! I haven't figured out yet who created the original logo, but if you know, let me know in the comments and I'll link to them for credit!

Want more info on New Features of Creative Cloud 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 - Tips and Tricks for Logo Design in Adobe illustrator

In this live recording of Creative Graphic Design on Adobe's Twitch Live Stream, Adobe's Paul Trani and I discuss process, tips, and tricks for creating a logo using Adobe Illustrator. We talk about different techniques for how to iterate on creating a logo, technical tips on working in illustrator, how to utilize Adobe CC Libraries, and more!

Midway through the show, we decide to make the logo design a competition and let the Twitch Chat members vote on the winner. Also, Paul's mouse dies.

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

Want more info on New Features of Creative Cloud 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!


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!


Top 5 Hidden Features of Adobe Illustrator CC 2015

Working in illustrator for logo design or illustration can get a bit technical when you're bending curves and moving points around. To speed up working in illustrator and keep everything geometrically sound, there are some great tips for using Adobe illustrator, but some of them can be a bit hidden, or were snuck in with new features. In the video above, I'll cover my Top 5 tips to get you working faster in illustrator in no time!

My top 5 tips for Adobe Illustrator include tips for using the Transform tools, polygon shape options, align to artboard and selection tools, pasting in front and back, and the corner radius tool options. Learn about new features and top tips for working in Adobe Illustrator CC 2015, and Creative Cloud 2015 features.

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

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 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 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!


Design a 3D logo with Adobe Illustrator CC


Logo design is a huge field, and you can go about designing a logo in Illustrator CC in a variety of ways. One of the coolest features in illustrator (in my opinion!) is the 3D options, where you can take flat, 2-dimensional vector art, and extrude it, rotate it, and even change the perspective to simulate lens effects. In this tutorial I'll show you how to create a 3-D logo using these techniques, as well as many other Adobe illustrator tips and tricks.

In this Adobe Illustrator CC 2015 tutorial, learn how to create a 3D logo with real perspective. This tutorial covers some of my favorite illustrator CC tips and tricks for creating 3D depth and perspective in Adobe Illustrator, while keeping everything in vector format, which is ideal for creating logos.

The tutorial also covers using pantone chips and the color guide in Illustrator, as well as how to properly bring the final logo into Photoshop or After Effects.


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!