未登录,请登录后再发表信息
最新评论 (0)
播放视频

用 Photoshop和Facebook制作3D图片特效

How to Create 3D facebook photos with Photoshop

In this video I’m gonna show you
在本期视频中我将向大家演示
how to create this 3D photo effect
如何用Photoshop和Facebook
using Photoshop and Facebook.
来制作3D图片效果
And after that I’m gonna show you
之后我会展示
how to add different elements inside
怎样在照片中添加不同的元素
to make it more complex and fun.
使其更加丰富有趣
So, let’s get started.
我们开始吧
Here what’s the best rule here and it’s against this is the final output.
这是我们要做的 图上是最后的成果
And to create this effect, you need only one photo.
只要一张照片 你就能制作出这种效果
So let’s go to the file menu and open the photo.
选择“文件”菜单 打开图片
So I’m going to select this photo
我要选这张图片
and open it into a new document.
打开它 成为新的文档
Now before we start doing the effect.
在我们开始制作效果之前
The file size is very too large for Facebook.
发现文件尺寸对Facebook来说太大了
So I’m going to go to my image
所以 选择“图像” 菜单
and then go to image size
点开“图像大小”对话框
and 6,000 by 4,000 it’s too much.
6000像素×4000像素太大
So I’m going to make it like 1,500.
把它设为1500像素
I think this is more than enough, then hit OK.
我觉得这就足够了 点击“确定”
Now I’m gonna unlock the background, double click and hit OK.
然后解锁背景 双击背景图层 点“确定”
First of all we need to remove the background, and that’s pretty easy.
首先要去掉人物后面的背景 这很简单
Just get your quick selection tool from here, right click with selection tool,
右键单击“选择工具” 找到“快速选择工具‘’
Make the press little bit smaller using your bracket keys,
按“左方括号”键将笔刷调小一点
and make selection of the model.
然后点选出人物选区
And also make sure that it is on a plus option here.
同时 要确保处于“增加选区模式”
We need to remove this from here.
我们要把多选的这块从选区里去掉
So, for that you can go to minus this option
因此 要转入“减少选区模式”
and remove this little bit of portion,
去掉这一小部分
and the selection is almost ready.
选区就差不多完成了
Once the selection is ready,
创建好选区之后
you can go and click on the layer mask icon,
点击“图层蒙版”图标
so the background is gone.
背景就不见了
Now we need to refine the selection
现在我们要调整一下选区
and for that you can right click here
右键单击所添加的蒙版
and then go select and mask.
点击“选择并遮住”
In old version, it is a refine edge, so click on that one.
在旧版中是“调整边缘” 点击它
Once this is here in the view, go and click on black,
把 “视图模式” 设置为 “黑底”
and in the opacity go and make it all the way to 100%.
将不透明度一直拉到100%
Now, if i zoom in as you can see,
现在如果放大图像 可以看到
the edges don’t look good,
边缘看着很粗糙
so to fix that, you can go and increase the smoothness.
为了解决这个问题 可以增加平滑度
So looks really nice,
这样看起来就很不错了
and after that you can increase the contrast
然后你可以增加对比度
so it’s not overly soft.
这样就不会过于柔和
And I think that looks pretty nice and then hit OK.
这样就很好了 点击“确定”
After that again right-click
之后 右键单击蒙版
and go back to select and mask.
再次回到“选择并遮住”面板
And after that you can go and paint on the hair here,
然后就可以涂抹头发了
make sure you select the second option.
请确保选择第二个选项
Your refine brush tool, make it a little bit smaller,
调整画笔 让它变得小一点
and then paint on the hair like this.
然后像这样在头发上涂抹
So entire selection is almost ready,
所以选区创建和调整就基本完成了
and I’m gonna show you how to fix it later.
稍后教你怎样处理这一部分
So this is done here and then hit OK.
到这里就完成了 点击“确定”
Now to fix this thing it’s actually very easy.
要解决这个问题 其实很简单
Just get your Brush Tool from here,
点这里的 “画笔工具”
right click and make sure it’s super tiny,
单击右键 把它调到非常小
something like this even smaller.
像这样 甚至更小
And then you can go and just it is that,
接下来看这里
just make sure that it’s black color
要确保前景色是黑色
and you’re painting on the mask, OK?
而且是在蒙版上画 明白吗?
So now you can go and it is like this.
现在你可以像这样涂抹
And if you make a mistake, you can just change it to white color
如果出错了 可以把前景色设为白色
and paint things back like this as you can see.
再像这样涂回去
So it will bring it back.
这样它就会还原了
So the most difficult part of the tutorial is actually done
这样 本教程最困难的部分 创建选区
which was to make the selection.
基本上就完成了
Now before we do anything we need to name the layers
在进行下一步之前 要给这些图层命名
so it’s easy to understand.
这样便于理解
So on this layer 0 I’m gonna rename it to model.
因此我将“图层0”重命名为“模特”
Now we need to create a background,
现在我们要创建一个背景
for that create new blank layer
为此要新建一个图层
and rename it to background map.
并将其重命名为“背景深度图”
After that you have to select your gradient tool from here.
然后在这里选择“渐变工具”
So you can right-click on the Paint Bucket and select the Gradient Tool.
可以右键单击“油漆桶” 选择“渐变工具”
And in the district colors here,
在这里的颜色区
you first of all go and select a kind of bright gray color.
首先把前景色设为一种浅灰色
And then at the bottom you go and select a little bit dark gray color,
再把背景色设为深一点的灰色
something like this, hit OK.
像这种 点击“确定”
And here in the options make sure that
在渐变编辑器中
you have foreground to background
选择第一个渐变预设
the first option selected then hit OK.
“前景色到背景色” 点“确定”
Now go and paint it like this.
按住鼠标左键拖动 拉出渐变效果
So it should be lighter at the bottom and darker at the top, that’s it.
底部应该比顶部更亮些 就是这样
So I’m gonna go and paint it bit more like this.
再调整下渐变效果
I think the foreground color is still a little too bright,
感觉前景色还是有点偏浅
so I’m gonna make it bit more darker, OK,
把它调暗一些 点“确定”
and then paint it again.
然后重新拉出渐变效果
So the background map is ready,
这样“背景深度图”就做好了
and I’m gonna show you how to create the model map.
接下来演示 如何做“模特深度图”
For that create new blank layer and rename it to model map.
新建图层并将其重命名为“模特深度图”
After that we need selection of this mask.
然后 需要载入“模特”层蒙版的选区
So hold on your command key or control key
按住 “Cmd” 键或 “Ctrl” 键
and click on this layer mask,
点击“模特”层的蒙版
so we have selection of the model.
这样模特选区就出来了
Now normally you can work with this selection,
通常 现在就可以在选区上操作
but I have found out that
但是我发现
Facebook sometimes gives you this weird artifacts
有时Facebook会产生一种奇怪的失真
which doesn’t look good in 3D photo.
会影响最终的3D图效果
So to fix that it’s actually pretty easy.
要解决这个问题 其实也很容易
All you have to do is make the selection
你只需要调整选区
little bit bigger than needed for your main subject.
让它比模特的主体大一些
So all you have to do is once you load the selection like this:
做法是 像这样载入选区后
go to your select, and then go to modify
点击“选择”菜单 然后点击“修改”
and then go to expand.
再点击“扩展”
You can expand it by 2 pixels,
可以设置为扩展两个像素
if your file size is bigger,
如果你的文件尺寸更大
you might have to use bigger number but it’s the same logic.
可能就需要扩展更大的像素数 道理是一样的
I’m gonna expand it by 2 pixel hit OK,
这里设为扩大两个像素 点“确定”
so selection is now slightly bigger.
现在选区就大一点
After that right click here and get your Paint Bucket Tool.
然后右键单击 选择“油漆桶工具”
Now we have to fill in the color and it’s actually easy to pick,
开始填色 这很容易就能学会
all you have to do is hold your option key
只需要按住opt键
and click where the photo of model ends.
点击模特图末端
So this is here,
就是这里
and you can do a click like this.
就像这样点一下
And after that make sure that your model map layer is active,
之后 确保“模特深度图”图层是选中状态
your selection is active and then do a click.
模特选区也是选择状态 再点击选区
It will fill in the color.
填色就完成了
And now you can remove the selection.
现在要取消选区
So you can go to select and then deselect.
点击“选择”菜单 点击“取消选择”
So the selection is gone and the model map is ready.
选区消失 “模特深度图” 就完成了
Now all we have to do is save the files and upload them to Facebook.
现在就可以保存文件 并上传到Facebook了
For that first of all let’s hide the eye…eye…eye on both of this layer,
首先把上两个图层的“眼睛”关闭 隐藏图层
activate your model layer the original one.
选中最初的“模特”图层
Then on the layer mask right click and select disable layer mask.
右键单击“图层蒙版” 选择“停用图层蒙版”
So you have the original photo back,
这样原图又回来了
then go to File,
选择“文件”菜单
and here go select Save As.
点击“存储为”
And in the format make sure that you select the PNG
图片格式一定要选 “PNG”
and then you can name it anything.
你可以随意取名字
So let’s name it the 3d facebook photo dot png, OK?
就命名为“3dFacebookphoto.png” 好吧?
Then click on the Save button,
点击“保存”按钮
and right now I’m using medium,
现在选择的是中等文件大小
but usually I recommend using smallest size for the internet.
但为了便于上传 建议设为最小文件大小
So go and hit OK.
点击“确定”
Done, now we can save the depth map,
好 现在可以保存 “深度图” 了
for that turn on up of both of this and make sure this is visible like this.
把上面两个图层的“眼睛”点开 显示图层
After that you can go to File again Save As,
之后再次选择“文件” “存储为”
and in the format go and select the PNG.
并再次选择PNG格式
But, when you name it,
但是 命名的时候
be careful it should be exactly the same as the previous one.
要注意必须和前面一个完全一样
And so as you can see we have this 3d facebook photo,
可以看到这里有“3dfacebookphoto”文件
so type it exactly like that 3d facebook photo.
同样输入“3dfacebookphoto”
But this time, at the end you have to add underscore like this.
但这次 末尾必须输入 “_”(下划线)
And then type in depth d-e-p-t-h, OK?
和“depth”(深度)这个词
Then you can go and save it, so hit Save button.
之后就可以保存了 点击“保存”按钮
And I’m going to keep it medium, hit OK.
设置为“中等文件大小” 点击“确定”
And depending on your luck,
多久能保存成功要看运气
it will save itself between 10 seconds and 10 years,
保存时间从10秒到10年不等
so, just have some patience.
所以要有耐心
10 YEARS LATER
十年后
It’s done, now we can go to Facebook and upload both of the files.
现在 可以去Facebook上传这两个文件了
So now we are inside Facebook,
打开Facebook
and here you can go and click on this Photo and Video button
在这里点击“图片和视频”按钮
and select Upload Photos and Videos.
并选择“上传图片和视频”
And in your folder select both of the files that you selected,
在文件夹中 选中你刚保存的两个文件
so hold on your command key
按住“Cmd”键
and click on the depth map. And do the photo
点击刚保存的深度图和彩色图
make sure the names are correct,
要确保文件名正确
then go and open both of them.
然后点击“打开”
And as you can see, you don’t have to do anything once you upload both files,
如图所示 把两个文件上传后就不用操作
Facebook will automatically turn it into a 3D photo.
脸书就会自动生成3D图片
And if you move your cursor around,
如果你移动光标
as you can see, we have this really nice 3D effect.
就可以看到非常好的3D效果
And it also doesn’t have any artifacts.
并且也没什么失真你看这里
This one here as you can see.
这里可以看到的瑕疵
That is because we didn’t do the proper selection,that’s it.
只是因为选区没有处理好
Other than that as you can see, everything looks really nice and clean.
除此之外 一切看起来都很好 很清晰
So basic effect is ready.
基本效果就做好了
Now I’m going to show you how to add different stuff inside
现在我演示下 怎样添加其他元素进去
to make it more interesting.
让它更有趣
For that let’s go back to the Photoshop.
因此 我们先返回Photoshop界面
We are back inside Photoshop.
现在是在Photoshop界面内了
And first of all let’s hide eyes of both of this layer,
首先把上面两个图层的眼睛关闭 隐藏图层
so we have this regular photo.
就显示出了原图片
And I’m also going to click on this layer mask, so it’s active again.
点击这个图层蒙版 再次把它激活
Now what we have to do is make copy of this model layer,
接下来我们要复制这个“模特”图层
so press command J so we have to copy.
按“Cmd+J“键复制
Now on this copy layer rename it to background.
把复制的图层重命名为“背景”
Now hide the eye of this model there
关闭“模特”图层前面的眼睛
and make sure only the background is active.
确保只有“背景”图层是选中状态
After that click on the layer mask here
然后点击“背景”层的图层蒙版
and press command I or control I.
按下“Cmd+I”或“Ctrl+I”键 蒙版反相
And take this and put it under your model.
接着点击“背景”层拖到“模特”层的下方
And you can turn the model back on.
重新显示“模特”图层
So as you can see we have model on a separate layer,
可以看到 模特在一个图层
and we have background on a separate layer
背景在另一个图层
exactly what we need.
正是我们要的效果
After that, take your type tool you can,
之后 点击“文字工具”……
I’m using text but you can add another photo whatever you like.
我这里加文字 而你可以添加喜欢的照片
So I’m going to just do a click here and type in the word 3D.
点击图片这里 输入文字“3D”
let’s change the font and color.
调整一下文字的字体和颜色
When you type in your word,
输入文字时
make sure that it is between your model and background, that’s it.
要确保它在模特和背景之间
So I’m going to take this and put it under my model,
所以要把它放到模特下方
and above my background.
而在背景的上方
So as you can see, it already looks really good.
这样看起来就很不错了
Now I’m going to show you how to create depth map for the word 3D.
接下来为“3D”文字层创建深度图
So for that again, go to your background map
因此 再次回到“背景深度图” 图层
and create new layer.
创建一个新图层
As you can see, this is also between
可以看到 新图层也是在
model map and the background map,
“模特深度图”和“背景深度图”之间
just like this is between model and background.
正如文字“3D”是在模特和背景之间
So…double click on your layer 1 and I’m going to type in the 3D map,
双击文字“图层1” 重命名为“3D深度图”
so basically map forward 3D.
文字 “深度图” 是在 “3D” 后边
Now for a moment let’s hide all of this
现在暂时把下面三个图层隐藏
and turn on our background map and the model map,
显示“背景深度图”和“模特深度图”两个图层
but make sure that the word the layer 3D map is active.
但确保“3D深度图”图层处于选中状态
Then hold down your command key and click on this T here.
然后按住 “Cmd” 键 点击“3D”图层的“T”
So it will make selection of the word 3D,
就生成了文字“3D”的选区
then just like the model get your paint bucket tool,
跟模特时的操作一样 选择“油漆桶工具”
hold down your option key and click at the end of the word 3D.
按住选项键 点击文字“3D”的尾端
Here, so this color looks good,
在这里提取颜色 这个颜色看起来就可以
then do a click.
然后在文字“3D”的选区内点击
So it will fill in with the same color.
选区就被同一种颜色填满
Then you can go to select and deselect.
之后在“选择”下拉菜单中点击“取消选择”
So you can see we have this really nice map,
这样就做成了文字“3D”的
with the word 3D now.
很好的深度图
And just like the last time,
像上次一样
let’s hide all of this and turn on this three.
隐藏上面三个图层 显示下面三个图层
So we have model 3D and the background,
现在图中有模特 文字“3D” 和背景
and you can save it.
可以保存了
Done, now let’s see the depth map.
好了 现在来看深度图
So I’m gonna turn on eye of all of this layers,
打开上面三个图层的“眼睛”
make sure this is active like this,
像这样 把深度图显示出来
then go to file.
点开“文件”菜单
It is done now we can go to Facebook
保存好后 就可以去 Facebook上
and upload both of the files.
上传这两个文件了
We are back into Facebook,
我们返回 Facebook
you can go to Photo and Video, Upload Photos and Video.
进入“图片和视频” 点击“上传图片和视频”
And here I’m gonna select both the file that we saved
把刚刚保存的两个文件都选上
the 3D word and word 3D depth,
即:加了文字“3D”后的深度图
and then word 3D the original file, and then open both of them.
和加了文字“3D”后的原图片 一起打开
Once they are uploaded Photoshop,
等它们一上传到 Photoshop
sorry Facebook will automatically turn it into a 3D photo.
抱歉应该是“ Facebook” 就会自动生成3D图片
Now as you can see if I move my cursor around,
现在可以看到 如果我移动光标
the word 3D also moves into the 3D space,
文字“3D”也跟模特一起移动
alongside with the model.
产生了立体空间效果
And the best part is that you can add in anything,
最棒的是 不仅能在模特和背景间加文字
instead of the word 3D between model and background
你可以添加任何东西
and it will look really good.
那看起来会很棒
That’s pretty much it,
今天内容就这么多
and I really hope that you found this video helpful.
很希望这期视频对你有所帮助
and you can also add something into the front,
其实你还可以在前面加一些东西
as you can see, in this example
你看 以当前图为例
I just added PNG file of this book pages,
我添加了书页碎屑的透明“PNG”图片
and it also gave really cool effect.
产生了非常酷的效果
So keep experimenting
所以继续探索吧
and I really hope that you found this video helpful!
希望本视频能帮到你
If you did, hit that Like button.
如果对您有帮助 请点赞
And if you have any kind of questions or suggestions,
如果有任何问题或建议
feel free to ask me in comment section below.
欢迎在下方评论区留言
If you want to check out more videos by me
如果想观看我更多的视频
you can click on any of these boxes
可以点击弹出的推荐视频窗口
and you can also subscribe to my channel.
也可以订阅我的频道
So every time I upload a new video,
这样每次我有新视频上传时
you will get the updates.
您会收到更新提示
So till then, good bye, take care
等你哦!再见 保重
and have some fun with Photoshop.
祝大家P图愉快

发表评论

译制信息
视频概述

本期视频教大家如何用 Photoshop配合Facebook制作出3D图片特效,包括如何将图片人物与背景分离,如何制作深度图,如何上传,如何添加自己喜欢的元素等,逐步解析,清晰易懂。

听录译者

great dismal

翻译译者

melan

审核员

审核员 AF

视频来源

https://www.youtube.com/watch?v=SFqlrsqkRDI

相关推荐