How to Make 2D image to 3D in 3 MINUTES ! – After Effects & Volumax TUTORIAL

How to Make 2D image to 3D in 3 MINUTES ! – After Effects & Volumax TUTORIAL


Hello! In this video I’m going to show you how to achieve these nice 3d animations in After Effects especially on portraits in this video and for this I’m using a template called Volumax photo animator. You can find it on Videohive or on the link at the bottom of this video in the description. Ok so I’m going to open my template VoluMax Pro in After Effects and I’m going to import a picture and start watching how long it
takes to animate it and you’re going to see it’s gonna be super fast. I’m going
to drag and drop it in the comp and make it match here and then I’m going to go
in the other comp called displacement map and using the new 3d portrait tool
in VoluMax. Here I’m going to match a wireframe of a face you can choose
almost any angle for a portrait going from side views, bottom and almost top
views okay so now I’m going to use the distortion tool You can see this is quite simple and fun to achieve. We are pushing the 3d mesh to match on the 3d portrait on the picture. So I’m moving
the ears the eyes the nose, mouth everything… You don’t need to be super
precise in this process because volumax is going to to work nicely even with maps not super sharp. So I’m going to take a smaller brush now to do a bit of details on the mouth. So once again this is not the complete tutorial you can find in the package. This is a fast overview of the 3d portrait tool included in VoluMax. Okay so we’re going to finish with the shoulders with some large brush here I’m going to do this super fast because it’s not very important, VoluMax is going to just know that there is a volume here okay so I’m going to finish this wire
distortion and I’m going to show you the black and white depth map. I am taking off the wire mode and the depth map is showing the black and whites volume of the
object. I’m going in the main comp of VoluMax and I’m simply going to move the null object here and I’m going to see that the 3d effect is
working really nicely ! I’m gonna add some dirt so you can see some dirt here. Small adjustments on the relax and boost Once again you can see all this in the full tutorials included. I’m going to put a keyframe at the beginning and a keyframe at the end on a left right camera pan. And that’s it ! We did this in 3 minutes.
I’m going to take a look to the preview. Okay this is nice ! So it took 3 minutes to do this and you can see the final result with some text. Thank you for watching this very fast tutorial of the 3D Portrait Tool. You can take a look to my channel to see some other templates and some tutorials. Thank you, bye !

Fabricated 3d images facebook – a quick walk through

Fabricated 3d images facebook – a quick walk through


Size: 800x1200px or 1200x800px I like to organize my layers in two folders.
Map and Image Try mapping up all objects that stand out in the image. Just a quick greyscale palette to get me started First. Find the depth plane in the image. This is, in images like these, the color indicator for objects in difrerent depths. Naturally – I use the road Then start drawing the different objects. It may take some time. Objects close to the camera might need a simple depth map of its own. These guys are rather thin. FB might not like it. Experiment with the thickness of things like this. Save a jpg/png with the map, and one with a image. Airdrop ’em to your phone I have both B/W and color – wanted to try with both. Now open the Depth Cam app Tap the left bottom button. (Two images). First choose your image….Then import your depth map Finally hit the export button (lower right) and choose the facebook export. Start a new post and use the “3D image” to upload your new merged image. Wiggle your phone to test it out. And then post it. (I posted 4-5 tests on this one. Had to go back in PS and adjust things)

How to Crop Images in Photoshop with the Crop Tool

How to Crop Images in Photoshop with the Crop Tool


Well hey everyone, Steve Patterson here
from PhotoshopEssentials com. In this video, I’ll show you how to crop images,
how to straighten images, and how to crop an image non-destructively with
Photoshop CC. We’ll start with the basics and learn how to crop images using the
Crop Tool. Then we’ll learn how to straighten an image with the Crop Tool.
And finally, we’ll look at a great feature first introduced in Photoshop
CS6 that lets you crop an image without losing any of the original pixels. We’ve
got a lot to cover so let’s get started! We’ll start with the basics. Here’s the
first image I’ll be using. I downloaded this one from Adobe Stock. To crop an
image in Photoshop, we use the Crop Tool. I’ll select it from the Toolbar. You can
also select the Crop Tool from your keyboard by pressing the letter C. As
soon as you select the Crop Tool, Photoshop places a cropping border
around the image. And if you’ve used the Crop Tool on a previous image, the border
will be set to that previous size. So before we go any further, let’s reset the
Crop Tool to its default settings. In the Options Bar, we see that I cropped my
last image as an 8 by 10. To clear the preview settings and restore the Crop
Tool to its defaults, right-click or Control-click on a Mac on the tool icon,
and then choose Reset Tool from the menu. This resets the aspect ratio to just
ratio and leaves the Width and Height boxes empty. The problem is that it
doesn’t reset the cropping border itself, which is still set to that previous 8 by
10 size. To reset the border, press the Esc key on your keyboard. Then, if you
can’t see the border, select a different tool from the Toolbar and then reselect
the Crop Tool. The cropping border now surrounds the entire image. Tf you look
around the border, you’ll see little handles. There’s one on the top, bottom,
left and right, and one in each corner. The easiest way to crop your image is to
click and drag the handles to reshape the border into any size you need, The
area inside the border is what you’ll be keeping, and the area outside it will be
cropped away. You can also click and drag inside the border to reposition the
image inside it. I’m going to cancel my crop so we can look at another way to
work. To cancel it, click the Cancel button in the
Options Bar. Instead of using the initial crop border that Photoshop places around
the image, you can also click anywhere inside the image and drag out your own
border. Then drag the handles to resize it, or click and drag inside the border
to reposition the image. To reset your crop rather than canceling out of it
completely, click the Reset button in the Options Bar. By default, Photoshop lets us
resize the crop border freely without caring about the aspect ratio. But if you
want to keep the original aspect ratio of your image, press and hold your Shift
key as you drag any of the corner handles. This locks the aspect ratio in
place. I’ll click the Reset button to reset my crop. If you want to resize the
border from its center, press and hold the Alt, or Option key on a Mac, as you
drag the handles. Again I’ll click the Reset button to
reset it. And to lock the aspect ratio and resize the border from its center,
hold Shift+Alt or Shift+Option on a Mac, as you drag the corner handles. So what
if there is a specific aspect ratio you need? Maybe you want to print the image
so that it fits within a certain frame size, like 5 by 7 or 8 by 10. In that case,
you can set the aspect ratio in the Options Bar. For standard aspect ratios
like 8 by 10, click the Aspect Ratio option and then
choose from a list of presets, like 1 to 1 for a square or 8 by 10, 4 by 6, and so
on. I’ll choose 8 by 10. Photoshop enters the aspect ratio into the Width and
Height boxes. It actually enters 4 by 5, which is the same as 8 by 10. And as soon
as I select it, my cropping boarder jumps to the 8 by 10 ratio. To swap the Width
and Height values, click the Swap icon, or the arrows, between them.This lets you
easily switch between portrait and landscape mode. If the aspect ratio you
need isn’t found in the presets, you can enter it manually. Let’s say I want to
crop my image as an 11 by 14, and I want it to be in landscape mode so that the
width is larger than the height. I would click inside the Width box and enter 14. And then I would press the Tab key on my keyboard to jump over to the Height and
I’d enter 11. Photoshop instantly resizes the crop border to the 11 by 14 ratio. I
can then resize the border by dragging the handles. Photoshop will automatically
lock the ratio as you drag, so there’s no need to hold Shift. But you can still
hold the Alt or Option key to resize the border from its center. If you know that
you’ll need to use the same aspect ratio again, you can save it as a custom preset.
Click the Aspect Ratio option in the Options Bar. And in the menu, choose New
Crop Preset. Give the preset a name. I’ll name mine “11 by 14 landscape”. Then click
OK to close the dialog box. The next time I need it, I can quickly
select it from the list. If you’ve entered a specific aspect ratio and want
to go back to resizing the crop border freely, clear the aspect ratio by
clicking the Clear button. You can then drag the handles independently. Well so far, we’ve been cropping to a
general aspect ratio or a general shape. But you can also use the Crop Tool to
crop your image to a specific size and resolution. To do that, open the Aspect
Ratio menu, and then choose “Width, Height and Resolution”. Well let’s say that
instead of cropping my image to an 11 by 14 aspect ratio, I want to crop it so
that it will print at a specific size of 11 by 14 inches. Since I want the width
to be larger than the height, I’ll click inside the Width field and I’ll enter 14.
But instead of just entering the number, I’ll also enter “in” for inches. Then I’ll
press the Tab key on my keyboard to jump to the Height field and I’ll enter “11
in” for the height. Notice that we now have a third box as well, and this is
where we enter a Resolution value. Since the industry standard resolution for
high quality printing is 300 pixels per inch, I’ll enter “300” into the box, and
I’ll make sure that the measurement type is set to pixels per inch.
With my settings entered, I’ll resize the crop border,
and then to crop the image, I’ll click the checkmark in the Options Bar. You can
also crop it by pressing Enter or Return on a Mac. Photoshop crops the image, and
if we check the size of the image by going up to the Image menu and choosing
the Image Size command, we see in the dialog box that Photoshop has cropped
the image to 14 by 11 inches at a resolution of 300 pixels per inch. We’ll
be learning all about image resizing in separate videos, so for now, I’ll click
Cancel to close the dialog box. To undo the crop, I’ll go up to the Edit menu and
I’ll choose Undo Crop. And this returns the image to its original size. Before we
move on to learning how to straighten an image, let’s look at one more handy
feature of the Crop Tool, and that’s the Crop Overlay. I’ll click on my image with
the Crop Tool to bring up the cropping border. And notice the 3 by 3 grid that
appears inside the border. This grid is known as the Rule of Thirds. The idea
with the Rule of Thirds is that you can create a more interesting composition by
placing your subject at or near one of the spots where the grid lines intersect.
While the Rule of Thirds overlay can be useful, it’s not the only one that’s
available to us. To view the others, click the Overlay icon in the Options Bar. Here
we can choose a different overlay, like Golden Ratio. The Golden Ratio is similar
to the Rule of Thirds but the intersection points are closer to the
center. Finally, one more way to crop your image is to just double-click inside the
crop border. And that’s the basics of how to crop an image with the Crop Tool.
Let’s look at a different image so we can learn how to straighten a photo.
Here’s an image I shot myself, and notice that the horizon line is crooked. To
straighten the image, I’ll select the Crop Tool from the Toolbar. And then in
the Options Bar, I’ll select the Straighten Tool. Look for something in
your image that should be straight, either vertically or horizontally. In my
case, it’s the horizon line. Click on one end with the Straighten Tool, keep your
mouse button held down, and drag over to the other end.
Photoshop draws a path between the two points, and it uses this path to set the
angle that the image will need to be rotated. Release your mouse button, and
Photoshop rotates the image to straighten it. And because rotating the
image added some transparent areas in the corners of the document, Photoshop
also resized the crop border to keep those transparent corners out of the
image. At this point, I can resize the crop border myself if I need to. And then
to accept it and crop the image, I’ll press Enter, or Return on a Mac. And
that’s how to straighten an image with the Crop Tool. And finally, let’s switch
over to a third image so we can look at a great feature in Photoshop that lets
us crop our images non-destructively. I downloaded this image from Adobe Stock.
Again I’ll select the Crop Tool from the Toolbar. In the Options Bar, I’ll choose
the 8 by 10 aspect ratio preset, and then I’ll resize my crop border by dragging
the top hand hold downward. To crop the image, I’ll press Enter, or Return on a
Mac. So far so good. But what if I decide at this point that
I want to change the crop? Maybe I want to change its orientation from portrait
to landscape. In that case, I’ll go up to the Options Bar and I’ll swap the aspect
ratio by clicking the Swap icon. Photoshop again places the crop border
around the image. I don’t want to be cropped in so close, so I’ll drag the
handles outward to bring back more of the image. But notice that when I release
my mouse button, Photoshop just fills the surrounding area with white. And that’s
because Photoshop deleted all of those surrounding pixels when I made my
original crop. It’s filling those missing areas with white because it’s using my
current Background color. And the reason that Photoshop deleted those cropped
pixels is because, if we look in the Options Bar, we see that the Delete
Cropped Pixels option is turned on, which it is by default. Let’s look at a better
way to work, one that’s not destructive. I’ll cancel the crop by clicking the
Cancel button in the Options Bar. And then I’ll revert the image back to its
original size by going up to the File menu and choosing Revert. I’ll swap the
aspect ratio back to portrait mode, and then I’ll drag the handles to resize the
border, just like I did before. Bbut this time, before I actually crop the image,
I’ll turn the Delete Cropped Pixels option off by deselecting it. Then I’ll
accept the crop by pressing Enter, or Return on a Mac. And so far everything
looks the same as it did before. But watch what happens if I try to resize
the crop. I’ll swap the aspect ratio back to landscape mode, and as soon as I do, we
see something very different. The entire image reappears as if it was never
cropped at all. And that’s because, when Delete Cropped Pixels is turned off,
Photoshop just hides the cropped area instead of deleting it. I’ll drag the
corner handles outward to resize the border to include more of the image. And
then with Delete Cropped Pixels still turned off, I’ll accept the crop by
pressing Enter, or Return on a Mac. Another benefit of cropping the image
non-destructively is that, since Photoshop is just hiding the cropped
area, we can actually move the image around to reposition it even after we’ve
cropped it. To do that, select the Move Tool from the Toolbar. And then click and
drag on the image to move it around inside the canvas until you’re happy
with the composition. And finally, if you’ve cropped your image with Delete
Cropped Pixels turned off and you’re still working in your Photoshop PSD file,
you can bring back the entire image at any time by going up to the Image menu
and choosing Reveal All. And there we have it! That’s how to crop images, how to
straighten images, and how to crop your photos non-destructively, in Photoshop! As
always, I hope you enjoyed this video. And if you did, please consider Liking it,
Sharing it and Subscribing to our channel. Visit our website, PhotoshopEssentials com, for more tutorials! Thanks for watching and I’ll see you
next time. I’m Steve Patterson from PhotoshopEssentials.com.

Digitize Your Hand Lettering Easily Using Image Trace in Illustrator

Digitize Your Hand Lettering Easily Using Image Trace in Illustrator


Hey guys, it’s Jenn from Hello Brio Studio. Today I’m going to show you how to vectorize
your hand lettering from paper to digital using Image Trace in Illustrator So now I’m just going to use my Tombow Dual Brush
Pen to write some letters. I’ve gone ahead and texted myself this
photo. I’m going to take it from Messages and drag it into Photoshop. From here we need to adjust the levels
of the picture so the blackest part of the text is black and then the background is really
white. If you hit CMD+L you’re going to
bring up the levels palette. The quickest way to do this is to hit the white eye dropper
and click somewhere until the white gets whiter. And then click the black eye dropper and do
the same thing for the black part of your text. Hit the lasso tool (L) and select the
most important part of the picture which is the center. You can see towards the outside because this is from
a photo there is some darkness going on that you don’t want to bring into your drawing
in Illustrator. So just do a quick crop around everything with the lasso tool, which is going to select it. Hit CMD+C to copy Open Illustrator and hit CMD+N for a new document Hit CMD+V to paste. Because the artboard is actually smaller
than the file, what I’m going to do is hit CMD+Shift+H to hide the artboard. Open your Image Trace Palette. If it’s
not already open, go to Window, Image Trace. You want to start with a preset that’s
going to give you black and white because that’s what you’re working with. Go ahead
and select Black and White Logo. That’s a really great place to start. It’s going to do some calculations and do some digitizing based on the edges of your artwork where the contrast is the highest. So this did a pretty good job. You want to make sure that your Advanced
section is expanded so you can see all of your options. Because there’s some weirdness going on with the T and the I I’m actually going to reduce the Threshold so these become separate pieces. Hit CMD+0 to see the entire piece. I’m going to reduce the Threshold a little bit That’s looking pretty good. What the Paths does: the lower the number
of paths, the smoother your drawing is going to be. Same with Corners. I generally like
to not have a ton of corners, but sometimes you lose some detail if you get rid of too
many corners. You can always go back and smooth later. Now that everything is done, I’m going
to hit the Expand button. This is going to convert all of these into different paths.
Then I need to ungroup this twice, do this by hitting CMD+Shift+G twice. Don’t ask me why it’s twice, Everyone says “I don’t know why you have to do it twice” but you do. So then take your Selection Tool (V)
and then select the outer part of your drawing and hit delete. Do the same for all of these
pieces within your drawing that you don’t want to be colorized. What I’m going to do now is go in and
smooth some of these out. Some things look kind of funky; they digitized weird. Zoom
in and select the path that you want to edit. Go to the smooth tool, which I’ve changed
the shortcut to be Shift+S. You can do that in Edit, Keyboard Shortcuts. I use the smooth
tool so often that I feel like it’s something that’s good to have on your shortcuts easily. Now that I have the smooth tool selected,
I’m going to go ahead and trace around this edge. It doesn’t have to be perfect; I’m just
doing this with my trackpad on my laptop. Whenever you need to switch from path to path,
you need to make sure to hit the (V) tool and then hit Shift+S again for the Smooth
Tool. I’m going to go through and hit (V) and Shift+S wherever I need to adjust the smoothness of some of these. Generally the less points along a path
the better, because then the smoother your work is going to be. But because this is digitized
hand lettering, you also want to keep some of its character. So, it doesn’t have to be
perfect. If you ever need to really need to go
in here and adjust an anchor or you want to get rid of an anchor point, you can hit the
(P) tool and hover over an anchor, and when the minus comes up you can subtract it that
way. You can also go in with the Direct Selection Tool (A) and click on an anchor, drag the
handles out, whatever you need to do. Generally I’m going to trust the Image Trace tool to do what it does best. Zoom out: Hit CMD+0 to view all your artwork.
You can plop this on top of photos, you can use it as your blog logo, et cetera, whatever
you need to do. If you like this video, please subscribe
and share with your friends and let me know if there are any other Illustrator or Photoshop
tutorials that you’d like to see in the future. Thanks!

How To Add BORDERS To Images in Photoshop


In this video, I’m going to show you my three favorite ways to add a border to any image in Photoshop. Let me show you the first and the easiest way first. Let’s unlock our image. I’m going to double click that and unlock this image and to add a border, I just have to double click and go to layer style and in layer style, there is a stroke option and if I go and select that stroke option, I could choose outside, inside or center for a border so I’m just going to choose inside here, and you see, it’s creating a border and then I could change the color here. Let’s say I want a red border. And I’m going to change the opacity to 100 and there we go. And you could play around with these things, you could change the opacity to be lower and more transparent. You could change the blend mode here. And you could change the size to be very large or very small and really any color you want if you want to go white, you could do that and press okay. So that’s the fastest way to add a border to any picture. Let me go ahead and delete that. I’ll show you the second way. The second way is clicking the layer, make sure it’s unlocked again and then go to filter and camera raw filter. In camera raw, you’ll have this icon, FX, click FX and here, you want to change the amount of vignetting to be all the way up. Mid tone all the way, down and roundness all the way down. And you’ll get this really nice filter here, and now if you change the feather number if you go down, it’s going to be really sharp, if you go up, it’s going to be really soft. This gives you a little more control than the layer style as far as styling your image border. So that’s the second way to do it if you want a nice black or white border. And I’m gonna press ok. Let me go back to show you the last way here again. I’m going to unlock this layer, and this third way, I need to add another layer, so I’m going to just click here. And I’m going to add a layer solid color and when I choose that, I’m going to decide what my border color is going to be, let’s say it’s just going to be black here. I’ll go down here, choose black and now I need to drag this layer underneath my image. Now it’s underneath my image. My image is on top and now I’m going to select my layer and I want to go to the crop tool. So I could press C. It’s right here. I could just select it here, press C. Now basically, I want to extend my crop right outside. If I want a big border, I could just extend all the way out here. I’m going to make sure I do that in every side, and I could just let go here. I’m gonna press okay. And now I should have a black border. That was the color I chose, my border. That’s the fill color. If you don’t like that, you could select the fill color, double click, and you could change that to white or whatever color you want and here you could change the opacity again and things like that. Anything you could do to any layer you could even double click this, you could do pattern overlay, you could do texture, you could really do anything with this that you could do with any other image. So that’s another way to get a border around your image. Try it for yourself. See what the best fit is for your image. I hope this was helpful. Please give it a thumbs up and subscribe to this channel for a ton more photoshop tutorials and a lot more. Thanks for watching.

How To Create Easy Parallax Effect, Make Your Photos Look 3D In After Effects Tutorial & Template

How To Create Easy Parallax Effect, Make Your Photos Look 3D In After Effects Tutorial & Template


Hey, welcome back to my new video. This is
easy tutorials, and for those of you who are the first time in this channel, please consider
subscribing. Today we’ll be creating this: Before we start, I’d like to invite you to
support me on Patreon. You can also get access to all my premium content. So let’s start. First, we have to import our footage into
After Effects. You can download the full project including
the light leaks, from the link in the description. The parallax effect is a technique where background
and foreground images, move by the camera at different speeds, creating an illusion
of depth in a 2D scene. Let’s see how we can achieve this in After Effects, without any
third party plugin. Create a new composition and name it: parallax
animation. I’m using the FULL HD 1080 pixels preset with 30 frames per second and 7 seconds
long. Bring your image into your new composition. Then go to effects and presets panel, and
search for: optics compensation. Apply it to your image layer, and let’s adjust
its settings. Click on this icon, and place the cursor on
the point of interest of your image. This will represent the foreground image, which
will move slower. Select the reverse lens distortion box. Then create a keyframe on the field of view. Move to the last frame, and change this value
to 70. You can test it first, and find the perfect value for your image, but never overreact
with it, if you want to get a realistic result. This is how your image animation should look
like. As you can see the parallax effect gives a good depth to our image. In lots of cases, you can give even more depth
of field to your still images using light leaks and particles overlays. So, let’s bring the light leaks file into
our parallax composition. And change its blending mode to: soft light. If it’s too intense for your image, click
T on your keyboard to open the opacity, and bring its value down, as much as you need. Let’s check our final result. Wow, looks great. I hope you enjoyed this tutorial on how to
animate a still photo with parallax effect in After Effects. Don’t forget to subscribe, hit the like button
and comment. It would be great to know your opinions about my tutorials. Also, you can
make requests for new tutorials, about interesting effects or animations that you would like
to learn. See you soon!

Extension for Photoshop / Illustrator to detect similar images, keywords and restore text

Extension for Photoshop / Illustrator to detect similar images, keywords and restore text


You need to configure API connection method on first run of Krasbit Recognition For advanced users – direct connection to Cloud Vision API is available – read the docs about this option But the easiest and recommended option is to use Krasbit Recognition Prepaid Code. You can request one free trial Prepaid Code with single click Click on ‘Verify’ will show you amount of available request quantities and expiration time for given code Select desired Recognition features Use ‘Read more’ to get details for each Click ‘Start’ button and wait awhile for search and processing results Depends of initially selected features – your results may have 3 sections: Keywords, Web Detection, Text detection Click on desired suggested keyword tags to store them in your document You can control size of thumbnails for detected images, as well as level of theirs similarity (full match, partial match, similar) Then you can open them in your app – Photoshop or Illustrator with ‘open’ button or at origin page in browser using ‘website’ button If you selected to use one of ‘Text’ detection feature – the results section will show you all detected text in your document You can manually copy / paste them into desired place Or click on desired word above in order to place it close to original location. Restored text will use font face and color of current Text tool settings Usage counter section will help you track of Prepaid Code features used over time Thanks for watching!

[ps4mi] Fill type with an image-Type effects

[ps4mi] Fill type with an image-Type effects


Fill type with an image You can fill type with an image by applying a clipping mask to an image layer placed above a type layer in the Layers panel. layers panel one open the file
containing the image you want to use 1. Open the file containing the image you want to use inside the text. 2. Select the Horizontal Type tool or the Vertical Type tool in the toolbox. In the Documents window, click Insert Point and enter the desired text. 3. Click the Character tab to bring the Character panel to the front or, if the panel isn’t open, choose Window>Character. 4. In the Character panel, select the font and other type attributes for the text. Large, bold, thick letters work best. 5. (Optional) If the image layer is the background layer, double-click the image layer in the Layers panel to convert it from a background layer into a regular layer. 6. (Optional) In the New Layer dialog box, you can rename the layer. Click OK to close the dialog box and convert the image layer. 7. In the Layers panel, drag the image layer so that it is immediately above the type layer. 8. With the image layer selected, choose Layer>Create Clipping Mask. The image appears inside the text. 9. Select the Move tool , and then drag the image to adjust its placement within the text 10. Select a text layer and an image layer together, choose Layer>Convert to Smart Object. This allows you to move text and images together. Thank you. This was Pomy.

Desktop Publishing – Easy Cutout Images or Photos in Photoshop

Desktop Publishing – Easy Cutout Images or Photos in Photoshop


Okay! Welcome to a Photoshop cut-out
example.We’ll have a class that deals with this but for now I’m going to show
you a suggested method and this is probably my favorite and top method.
It’s the method I use on my YouTube channel for making the covers of my
thumbnails. This is one thumbnail that already exists and I was making a new
one so I thought I’d show you. The cutout that’s on the Left is kind
of a popular look for YouTube thumbnails this year and last, so it’s commonly used
very small. You can see when I make it a lot smaller it’s the fonts that matter
here but hey everyone wants to see a face so I have already taken a screen
cap just a plain old screen cap of a still image from my video any photo will
do you can see that I’ve got this arranged in layers so I’m clicking
through some of the layers to show you what’s on top and behind if you hide
things same as moving things you get an idea where things sit so my image had to
be on the very top level so we’re going to import a photo it’s placed embedded
so that it is a part of this file and not a linked image so it will become
part of this file entirely so I’m moving it up to the top after it’s being placed
and I’ve just placed it anywhere because we’re going to go in with a different
tool the pen tool and trace around it you don’t need to be any sort of artist
to do this having good vision or zooming in will help that’s for sure so you take
the pen tool and you click where you want to begin I find a beginning on the
right works for me after a couple cutouts you’ll develop techniques that
work for you if you hold down the shift key it doesn’t matter where you click
it’s gonna draw a straight line that is key to having a nice neat looking
finished product and depending on what magazine or newspaper you’re working on
they may require that so let’s just use the shift key to do the first one now on
subsequent clicks what we’re gonna do is click and drag so I click where I want
the next curve to be looking at the image you can sort of see
where all the little curves will be you click a new draw and drag along the
curve so where the curve changes you follow that trajectory on to the next
curve you saw me draw a little circle and
delete it commands that is your friend or command or control Z for undo it’s
very handy you can also use the arrow keys to adjust a spot if you don’t like
where you’ve clicked you can just tap the arrow key to the left or right to
move it around so I’m just clicking and dragging along the curves of the
shoulder and when you get to a corner you can click once and just continue on
so I’m clicking around the head I mean this looks gets tricky with curly hair
when you get into a spot if you ever a photo editor and you’re cutting out
curly hair you will wish everyone had this hairstyle this is exactly why I
have straight hair for cut outs right so I just click and drag down when I get to
this corner I’m going to just click once it will create a sharp turn the Bezier
curve this is what the pen tool is basically drawing as a Bezier curve you
can google that it was developed for making industrial designs of cars so you
can understand how these curves and sharp corners are really inherent in car
design not so much of people design but it does a really good job this is just
the first step in creating the selection for our cutout but the pen tool I find
is just one of the best techniques for getting a quick and easy cut out by
simply clicking and dragging along the line and you can try this with a pen or
like a tablet if you’d like and stylus I’m just using a mouse here and it’s
working just fine a stylus gives you a lot more control you can also hit the
caps lock key to give a crosshairs so there’s my cut out and what I’ve done
has gone into the paths layer so instead of layers you go into paths tab and it
shows you all the paths the pathname is automatically generated
as work path you can type in whatever path name you like but just double
clicking and hitting OK will automatically name it the next one in
series so this is the pen path what I want to do is make it a selection if you
click away you haven’t lost it it saves all these paths you can see all the
former paths different face shapes so we will right click and choose make
selection that this gives it what people call the marching ants or a selection
halo or a marquee and we’re going to refine this by and going to select will
find a mask of masks on select or whatever it is it depends on the
aversion of Creative Cloud or your old version of Adobe these are just some
different backgrounds I’m gonna look it on white because I typically bringing it
in on a light color if you need to do a cut out on a dark destination use dark
if you’re doing this cut out for green-screen
I suggest red but the white works fine the flow are the Oh what do we call this
here the feather will give you a fuzzy edge and so that hard edge or are really
bad feathered edge what we want is something like one or two it really just
gives enough of a haze so we can put it into a background and look a little more
realistic you guys shift the edge if you’ve done a
really bad job bring it in a little bit or if you’re dealing with something like
a like a light glare or someone has a colored light behind them you can easily
bring this in just a little bit or if you want to capture some of that
background because you bring it into a similar background you can do that we
didn’t okay job for this purpose here so I’ve only applied a little tiny bit of
everything a little goes a long way right so we just copied this by going to
add a copy or command C I prefer keyboard shortcuts all the time so
you’ve deselected this but since we’ve copied it we can just simply remove this
layer entirely you can hide it if you want to save it for later some people
save every step I’ve just gotten this down to a science so when we go to
paste this it’s just gonna paste the cutout that we’ve copied you can back up
and double check to see if you’ve missed anything here and see what key commands
I’ve used though if you’re following along this it’s pretty straightforward
you copied your selection you pasted it so now we’ve moved it we can change it
by doing command T or transform under the image transform or edit transform
and you can just resize that holding down shift will ensure that you don’t
make it any longer sort of skinny or fat or whatever so we’ve got this on a
particular layer if you were to move these layers around you could put it
under the text it depends on your application you’ve seen some magazines
where the cutout of the person goes over the name this is basically how they do
that or if you want some of the text overtop of the person it’s simply a
matter of moving what layers I mean that’s that’s a pretty good look that’s
an even better look I’m Shady Oh see ya later bye so anyway yeah this
is typically what I use for the YouTube thumbnails and it is as you’ve seen on
YouTube if you’ve ever been on YouTube you’ll see very similar kind of it’s
like this and of course people who put like a white outline you’ll learn that
eventually courses that’s pretty simple so we’re just saving it as a JPEG if you
click over to the right and pick up the name of another file it will take the
appendix as well so we’re just changing in format to the format we want and that
will automatically name your file dot jpg and that’s pretty much it looks very similar mm-hmm yep there we
are that is how we use a template basically to create very similar looking
images – so that’s cutouts and thank you very much for watching

Photoshop CC 3D Spaceship Orbiting the Earth Animation

Photoshop CC 3D Spaceship Orbiting the Earth Animation


Hello, this is Jeff at Magical Fruit Tuts. In this Photoshop CC tutorial I will show
you how to use Photoshop’s 3D features to create a video of a space ship revolving around
the Earth. The ship will be revolving in a different
direction than the Earth. Finally I will show you how to make the 3d
animation, loop friendly. This procedure will also work for other objects
such as a moon orbiting a planet. To begin, Open up the earth texture map image
in Photoshop the link is in the description area. Then choose 3D – New Mesh from Layer, Mesh
Preset, Sphere. Now to create a 16 by 9 ratio canvas, choose
file new and create a new canvas size 1920 by 1080 at 300 pixels per inch. Change the name from Untitled to ShipEarth. Click create. Now we will copy the earth object over to
the ShipEarth canvas. Select the Earth canvas to make it active. Drag the Earth layer onto the ShipEarth canvas,
then without letting go of the mouse, drag it back into the ShipEarth canvas. Next to center the Earth,press the hand tool
to leave 3d space then press control A to select everything. Press V to activate the move tool. Then in the Move tool settings select Align
vertical centers, then click align horizontal centers. De-Select the selection Close the Earth jpg file as you are done with
it. Rename the Background layer “Earth”
If you do not have the 3d panel or the properties panel showing. Turn them on using the windows menu. Choose windows-3d or windows – properties
as necessary To Create the Ship object I used a pre-made
model from Turbosquid, space-frigate-6 the link is in the description area. The link will bring you to the models page. Click the download button. You will need an account if you don’t already
have one. Its worth your time to set one up, as Turbosquid
is an excellent source for models. Many of them are free. Here’s a tip. If you are searching for free models, type
in what you are searching for in the search bar. Click the search icon. To find free spacecraft select the price criteria
and enter zero in the minimum price and zero in the maximum price. then press apply
you will then be taken to a page of all free spacecraft models. Also, if you are using the model in Photoshop. You should use a low poly model. Click the Poly Count category, then choose
the “Up to 10K” filter. I downloaded the space-frigate-6.rar file
which includes some materials for the ship. Uncompress the file and put all the files
in you working directory. Now to import the image choose 3d-New 3D layer
from file. Open the space-frigate-6 obj file. Press OK to accept
The ship will appear in front of the Earth object. to make things easier, rename the space-frigate
layer to “ship” also, rename the space-frigate-6 object in the 3d panel to Ship Object and
rename the associated material to Ship Mats At this point we will duplicate the ship to
provide a counter balance needed to adjust the access of rotation so it will be centered
inside the Earth. Choose the ship object in the layers panel
then right click and choose Duplicate layer. Name it “dummy”. Rename the Ship object to Dummy object
rename the Dummy material to dummy mats Select the Earth layer then in the 3D panel
rename Sphere to Earth Object and rename the associated materials to Earth
mats. Next we need to merge the 3d layers so they
can be worked with in the same 3d scene. In the layers panel select the Dummy layer,
then hold down command or control and select the Ship layer and the Earth layer. Then from the 3d menu, choose Merge 3d layers. All 3 objects will be centered in 3d space. So right now the ships are inside the earth. To make things easier to follow,
In the layers panel rename the newly merged object “Merged”. Next we will resize the ship. Set the current view to Top. Select the Ship Object. You can either hold down shift and use the
drag tool or use the Move on X-Axis control to move
the ship out to the left as demonstrated At this point we will scale the ship to the
size we want it to be in relation to the Earth. Use the Scale Uniformly control located near
the green axis of the ship and drag down as shown. Let go when satisfied. Then select the 3d scale tool and drag down
on an empty area of the scene to shrink the ship. Let go when you are satisfied. Check your dimensions for the ship object. I ended up with about 119.56, 34.58, and 126.16
Pixels in the 3rd column. Change your dimensions to agree with mine
The ship is quite big in relation the size of earth, however those space aliens are really
large aren’t they? While we are at it, to resize the Dummy ship,
select the dummy object,then in the Dummies Properties Dimensions, Change the values in
the 3rd column to those we just used for the ship object. i.e. 119.56,34.58, and 126.16 pixels. Now lets adjust the outer position of the
Ship and Dummy ship. It is important that we don’t move the earth
as it is centered in world space. Now to move the Ship object, choose the Ship
object. Choose the Slide icon to enable the slide
tool or use the move along x-axis and drag to the left as demonstrated
Choose the dimensions option in the properties panel and make note of the x value in the
first column this was minus 451.56 in this case. Now we want to move the Dummy the same distance
in the opposite direction. Select the Dummy object. In the Properties Dimensions area
change the x value to plus 451.56. The same value we used for the ship object
except Plus not Minus Now the Ship and the dummy ship are at equal
distances from earth and their axis of rotation will be at the center of the earth when we
group them later. Next to reorient the Ships position. Select the ship object in the 3D panel. In the properties panel coordinates change
the 2nd column y to 90 degrees. The front of the ship will now be facing the
direction it is moving. Next to texture the ship Turn off the eye
of the dummy object so we can see changes to the ship object better. Move to the Ship object (not the dummy object)
and the Ship Mats Material for the ship object in the 3d panel. Click the material icon next to the materials
to see the materials panel. Click the diffuse icon and select Replace
Texture. An Open File dialog appears –
If you don’t see your file at the browse location change the file type to all formats. then select the Space-frigate-6-color.png
file. To load the Specular Materials, Click the
specular icon then choose Load Texture, now choose the space-frigate-6-specular.png file. To load the Illumination Materials,
Click the Illumination icon then choose Load Texture
then choose the space-frigate-6-Illumination.png file. Finally to load the ship bump map, Click the
folder next to the bump maps settings then choose load texture. select the space-frigate-6-bump.gif Next we need to group the Ship Object and
the Dummy Object. Before you group save a backup of your work
so far. You may need to come back to this point to
resize or reorient something. In the 3D panel choose the Ship Object then
hold down command or control and select the Dummy object. Next, in the 3D menu choose Group Objects
A new group will be created named New Group. Select the dummy object. In the properties mesh panel check the Invisibility
check box, then uncheck the Catch Shadows and Cast shadows boxes. Next, to rotate the Earth. Choose Windows, Timeline to open up the timeline. then choose Create Video Timeline. To resize the viewport in order to have more
space available for the timeline. Click the zoom out icon 2 or 3 times to shorten
the timeline view. Then drag out the timeline to expand it to
16 seconds. While you are at it, click the timeline settings
control and make sure “Enable Timeline Shortcuts” is enabled. If not check it. Expand the timeline panel to get more room. Next we will animate the Earth’s rotation
Go to Current View and choose the top view. Twirl down the Merged Objects. Then twirl down the 3D meshes. In the 3d panel, select the Earth Object. Place the Playhead at the beginning of the
track. Select the Earth Object stopwatch. A yellow keyframe will appear. Choose the the coordinates icon in the properties
panel Notice that the middle column degrees is 0,0,0
that is our start position Now drag the playhead to the 4 second position
then choose the coordinates again in the properties panel
Change the Y degrees to minus 90 (so the middle degrees column will now be 0, minus 90, 0)
Remember to press Enter after every change in a dimensions column Now drag the playhead to the 8 second postion
then choose the coordinates again in the properties panel
Change all degrees in the degrees column to zero
Then change them to -180, 0, -180, if you end up with +180,0,+180 that’s ok too Now drag the playhead to the 12 second position
then choose the coordinates again in the properties panel
First change them to 0,0,0 Then change to 0, 90, 0 move the playhead to the end position
The track time indicator should be at 15 seconds and 29 frames. choose the coordinates icon in the properties
panel Change the middle degrees from 90 degrees
to 1 degree press enter then change it to 0 degrees Press Enter again
The ending position should be 0,0,0 (the same as the beginning, that way loops will be almost
smooth. More on this later. Go back to current view. Then press Home to go to the beginning of
the track. Press the space key to run the animation. I’ve sped this up a little to save time. The earth should appear to be spinning clock-wise
all through the animation Move the playhead to the beginning of the
timeline. Once you have the Earth animation working
correctly, I recommend that you make another backup, so you don’t have to redo your work
if you have problems with the ship animation If you have opened the project from a backup,
The grid settings are still there. You need to turn back on the Earth stopwatch
if it is not on to see the keyframes. Next we will animate the ship’s rotation around
the Earth Turn back on the eye of the dummy object. Even though it is still invisible, you may
see a ghost ship for a while. It will go away later. Go to Current View and choose the top view. select the dimensions icon to view the coordinates. Now select the New Group which is the Ship
Group Place the Playhead at the beginning of the
track.(press the Home Key) Select the New Group stopwatch
A yellow keyframe will appear across from the New Group. Notice that the middle column degrees is 0,0,0
that is our start position Now move the playhead to the 4 second position
In the 2nd column change the Y degrees to 90 and press enter. a keyframe should appear below the 4 second
mark across from New Group Press the left triangle icon alongside the
New Group Stopwatch this will bring you to the previous keyframe
(i.e. the Beginning keyframe)) Now press the right triangle icon alongside
the Group stopwatch to go back to the 4 second keyframe. Nothing has changed as the 4 second keyframe
is still at 0,90,0 Now drag the playhead to the 8 second position
In the 2nd column, first press the reset coordinates icon which will change all the values to zero. Then change the x,y,and z degree values to
180,0,180. They probably will change to minus 180, zero,
and minus 180 that’s ok. Press the left triangle icon alongside the
New Group Stopwatch this will bring you to the previous keyframe (i.e. the 4 second keyframe)
Now select the right triangle icon alongside the Group stopwatch to go back to the 8 second
keyframe. If it is not -180,0,-180, change it so it
is. Enter 180 in the x and z degrees. If you change it go back and forth to the
previous gridmark to make sure the change took. Photoshop may be confused because you are
using 180 degree angles while moving in counter-clockwise direction. When you go back to previous frames, Photoshop
may have changed them by a few tenths of a degree – for example 90 degrees may have been
changed to 89.9 degree ; that’s OK. Now drag the playhead to the 12 second position
In the 2nd column, first press the reset coordinates icon, which will change all the values to
zero. Then change the x,y,and z degree values to
0,-90,0 respectively. Now go back to the 8 second keyframe. Then move forward to the 12 second keyframe. Its 90 degrees not minus 90, so change the
middle y degrees to minus 90 degrees. Finally press the End key to go to the end
position In the 2nd column, press the reset coordinates
icon which will change all the values to zero. Now move back to the 12 second keyframe. Then move forward to the end keyframe. If it is not still 0,0,0 change it so it is. Now check all the keyframes starting at the
ending and working backword using the left triangle icon. Just to make sure everything is as it should
be. To check the rotation,
press home to go to the track beginning then press space to see that the ship is rotating
counter-clockwise around the Earth. Now to see it from a front perspective
Go back to current view. Change the view to Front. Toggle on the Perspective view. From this view the scene appears too small,
We want the Earth’s to diameter to be about half the height of the screen,
to fix, change by setting the FOV to about 54. click the hand tool to go back to normal space
Adjust the timeline panel for more space Zoom in to see better. Then press Home to go to the beginning of
the track. Press the space key to run the animation. I’ve sped this up a little to save time. The ship should appear to be orbiting counter-clockwise
around the Earth from a front view perspective. Next to add the starfield background. You can use the static Starfield image. A link is in the description area. Zoom out some to see the entire canvas. Press Home to move the playhead to the beginning. On the Merged layer, press the little up arrow
to hide the detail. Move to the Background Layer. Place embed the starfield background
Hold Down Alt or Option and Shift and drag on the corner of the Starfield to expand it
to cover the entire canvas as demonstrated. Press enter or the big checkmark to accept. Delete the Background layer as we no longer
need it. The Starfield will be placed at the bottom
of the timeline. Twirl up the Merged track to see things better. drag Starfield Track the end so it lines up
with the end of the Merged clips above it. Zoom back in on the canvas to see it better. then press the spacebar to see the animation
I’ve sped this up to save time. Finally a few more tweaks before rendering. We will adjust the lighting a bit. Make the Merged layer active. Choose Infinite light from the 3d panel. Change the light intensity to 93% and shadow
softness to 40% Click the Dimensions icon
To set Infinite Light to the same angles as mine
Enter 21.5, 30.4, and minus 45 in the middle degrees column. To rough up the earth texture a bit. Select the Earth object’s materials
change Roughness to 20% and Bump to 50%. Choose the Ship object. In the mesh properties turn off cast shadows. Also chose the Ship Object’s Ship Mats
then change Shine to 30%, Bump setting to 50%
and Reflection to 20% Finally we are ready to render the video. First, in order to determine a strategy to
make the video loop friendly, we will examine the tracks in terms of frames
To see current frame number Alt or Option Click the track time indicator. It should turn into a frame indicator. the indicator shows it is frame number 479. Choose the Earth Object in the 3d panel. In the properties panel, you will see that
the all the degrees settings in the degrees column are 0,0,0. Now choose the New Group object. In the properties panel, you will also see
that the all the degrees settings are 0,0,0. We already know all our starting degrees for
both tracks are 0,0,0. So what will happen if we loop these tracks,
is that the animation will seem to pause at the end before looping back to the beginning. As both the beginning and the end are set
to 0,0,0 degrees. The solution is to Not render the last frame
or to remove the last frame. To remove the last frame on both tracks,
press the left arrow key or the “move to previous frame” button, once to move the playhead to
frame 478. Now in the timeline settings choose move and
trim, trim end at playhead. Move to the Starfield Layer
in the timeline settings choose move and trim, trim end at playhead. The last frame has been removed from both
tracks. Finally, to make things more interesting
we will use the orbit tool to tilt the view so it appears to be looking slightly downward
onto the ship. Choose the Merged layer. Go back to the current view. If necessary, choose the move tool to open
3d space. Use the orbit tool to slightly tilt the view,
as demonstrated. Now, to render the animation, press the render
button. In the range area choose all frames
In the select folder area I usually use the working directory where my project files are
located. Here are the settings I used for this project. Press the render button to render. I’ve sped the video up to save time. It took about 30 seconds to render the video. Here is the resulting video. It should be noted that, if you are interested
in looping the animation, and you use other applications such as Windows
Media Player or Quicktime to view the track looped, you may get loop stutters. Your video is probably ok, and should work
well by placing the clip in a video editor program like Adobe Premier,IMovie,or VideoStudioPro
and then duplicating the track and placing it immediately after the original. Of course if you know beforehand how many
loops you want, you can duplicate the track on the Photoshop timeline before rendering. Shorten the track view with the zoom out icon
control. duplicate the merged layer. A merged copy track will appear as the top
track now drag the original Merged track up behind
the Merged copy track. Then lengthen the Starfield track to the same
clip length as the others. You now have a clip that will loop twice and
will be twice as long. This concludes the tutorial
I hope you’ve enjoyed it. render to end frame 478 one less than..
#################################################### ? soften shadow of ship on earth.Under infinite
light drag soften slider to 35% ? how to cut to a 16/9 size video *DONE*
? Procedure for loop ? Levels adjustment or others. ? layers – video layers – duplicate frame,
delete frame etc.. ? add haze to starfield? ? check turbosquid model to see if available
somewhere where dont have to sign in also check for alternative sound file free
link