MENU

让你的图片带有 Mac 视窗阴影 - Screely

本文要介绍的「Screely」是一款免费线上工具,可产生漂亮、带有阴影效果的图片,当然中间的栏位可自行带入任何截图或填充内容,简单来说,使用者只要上传图片或任何设计,Screely会加上Mac视窗和阴影,还能选取背景颜色,让整体看起来非常有质感。

不过 Screely 功能还非常简单,从首页可以看到目前的开发功能列表,如果对它有兴趣可透过Twitter 或Email 订阅更新,总之目前基本功能已经可用,也能获得相当不错的效果喔!

网站名称:Screely
网站链接:https://www.screely.com/

使用教学

STEP 1

首先,我准备了一张从 Cloudflare 下载的图片做为范例,我要把这张图片上传到Screely然后加上视窗阴影,看看效果如何。

开启 Screely 后点选首页的「Upload a Screenshot」选择你要处理的图片,网站下方有一行字特别提到 Screely 不会将任何图片保存或上传到他们的伺服器,所有过程都在你的电脑端完成,听起来更安全可靠。

STEP 2

处理后就会在图片旁边附加视窗和阴影效果,看起来就跟真的一样,如果对于成果不满意还可以点选左上角「Change Image」变更其他图片。

右上角的选色调色盘可以修改图片背景颜色,预设有一些平面化设计(Flat design)风格的色彩,如果知道色码也能直接输入,改成你需要的背景色。

最后,点选右上角「Download」就能下载、保存图片,非常简单。


Via:Screely 將圖片轉成帶有 Mac 視窗陰影的線上工具,還可自訂背景色

Tags: 截图, 质感
Archives QR Code
QR Code for this page
Tipping QR Code
Leave a Comment

已有 28 条评论
  1. 其实呢,这个MAC边框用CSS也是能实现的,嘿嘿嘿。

    1. @小宇的确是酱。

  2. 这样子的确要好看的许多。

    1. @明月清风对呀

  3. 表示通常都是用WinSnap为截图加阴影的,下次试试看这个 @(笑眼)

    1. @WhatkCSS就够啦

  4. 可以不要mac边框吗?还是要手动ps

    1. @Bertliu#(傻笑)CSS更适合你。

  5. 在系统里别的窗口阴影也会在截图里,我总是被这个阴影烦到。

    1. @晴和君@(滑稽)没用过,不知道@(滑稽)

  6. 这个厉害了,可以假装有苹果了@(小乖)

    1. @WuXieOne假装有钱.jpg@(滑稽)

  7. 我是直接截图自带@(滑稽)

    1. @沉默是金@(滑稽) 好了,我知道你有 Mac 了。

  8. 阴影效果不错,省ps了!!@(你懂的)

    1. @异星软件空间@(滑稽)其实如果不要边框的话 CSS 也是个不错的方案。

  9. 本来想说有PS的,但是看到可以Mac边框,默默闭上了嘴巴@(小乖)

    1. @gsdad_white同意!!

  10. 可是直接用css不是更方便么emmm@(滑稽)

    1. @欧尼酱@(滑稽)哼唧!你难道没有看到Mac的边框嘛!Mac!

    2. @c0smx@(滑稽)酷炫!

  11. 我也发现你删了。我感觉这网站略鸡肋,搞设计的自然用PS,搞网站的自然用CSS加阴影。#(长草)

    1. @Hadwin@(滑稽)可是…可是…它方便呀。

    2. @Hadwin@(滑稽)而且有 Mac 边框哟!

    3. @Hadwin@(滑稽)同意你的看法

    4. @liaozixu@(滑稽)造反!

  12. 你是不是删除了几篇文章?

    1. @Ryoma(假装没有