【求助】怎么把普通的图片用ps做成banner图片_banner吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：358贴子：
【求助】怎么把普通的图片用ps做成banner图片收藏
怎么用ps把一张普通的图片做成banner长图。是不是做不成？有人说直接拉伸根本不可以，不管用。在线，急等。
好的话剧，坚决不能错过，价格也很重要！
不行的。会变形。
背景颜色改的相近，然后把两个图层合并，再把合并边缘处理下，可以加点特效啊 文字啊什么的 就是一个banner图了
可以拼接试一下，或者裁剪工具拉长之后一点一点的拉长，如果不行的话就试着智能图像然后整体拉大，再截取局部需要背景，如果还是不行的话……我就这三个办法，再就帮不了你了
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或一款非常炫酷的时间轴特效|特效列表|网页常用特效|网页特效库-html5 css3动画-banner特效-jquery特效代码
一款非常炫酷的时间轴特效
无需注册 无需积分 没有限制 所有资源全部免费下载
网页特效库解压密码为：.cn，请广大网友相互转告
特效说明：
最新酷站欣赏
本站所有资源都来自互联网，如侵犯到您的权益请致函，我们会及时处理。
Copyright (C) .cn All right reserved. 蜀ICP备号-2后使用快捷导航没有帐号？
只需一步，快速开始
查看: 8128|回复: 13
6种非常酷炫的jquery banner焦点图片幻灯片切换
UID651487在线时间 小时积分233帖子离线17181 天注册时间
中级会员, 积分 233, 距离下一级还需 267 积分
本帖最后由
20:07 编辑
jquery sequence slide滑动幻灯片插件6款时尚的图片滑动幻灯片切换
& && && && &
文件太大了。只能放一部分。
20:05 上传
点击文件名下载附件
431.66 KB, 下载次数: 127
UID546749在线时间 小时积分492帖子离线17181 天注册时间
中级会员, 积分 492, 距离下一级还需 8 积分
不错的效果，谢谢楼主分享
UID654978在线时间 小时积分21帖子离线17181 天注册时间
新手上路, 积分 21, 距离下一级还需 29 积分
非常不错哦
UID285373在线时间 小时积分190帖子离线17181 天注册时间
初级会员, 积分 190, 距离下一级还需 10 积分
不错，不错，非常感谢分享
UID536289在线时间 小时积分3614帖子离线17181 天注册时间
金牌会员, 积分 3614, 距离下一级还需 1386 积分
效果还不错，可以借鉴借鉴，呵呵
UID660078在线时间 小时积分9帖子离线17181 天注册时间
新手上路, 积分 9, 距离下一级还需 41 积分
感觉楼主分享，能求其它几个效果吗？非常感谢。能发我邮箱吗：
UID623074在线时间 小时积分99帖子离线17181 天注册时间
初级会员, 积分 99, 距离下一级还需 101 积分
不错不错，
UID611182在线时间 小时积分88帖子离线17181 天注册时间
初级会员, 积分 88, 距离下一级还需 112 积分
真的挺不错！楼主能不能发到我的邮箱:
UID377771在线时间 小时积分22帖子离线17181 天注册时间
新手上路, 积分 22, 距离下一级还需 28 积分
不错!支持!
楼主 其余的能全发上来吗？
UID663263在线时间 小时积分8帖子离线17181 天注册时间
新手上路, 积分 8, 距离下一级还需 42 积分
效果真的很好
UID229025在线时间 小时积分379帖子离线17181 天注册时间
中级会员, 积分 379, 距离下一级还需 121 积分
很不错！！！
UID426859在线时间 小时积分516帖子离线17181 天注册时间
高级会员, 积分 516, 距离下一级还需 484 积分
UID556581在线时间 小时积分292帖子离线17181 天注册时间
中级会员, 积分 292, 距离下一级还需 208 积分
这个很酷啊
UID631614在线时间 小时积分177帖子离线17181 天注册时间
初级会员, 积分 177, 距离下一级还需 23 积分
很好的效果啊
Powered by亲们该页面内会员们分享的“作品”，版权为才华横溢的原作者们所有滴，不得商业使用！
这是一款使用纯css3制作的网站banner或广告动画特效。该banner动画特效利用CSS3 animations来完成，效果可以媲美flash动画或gif动画效果。这是一款可以用来遮罩网站banner或广告的动画特效插件。该特效使用的是 CSS3 animations。注意不是所有的浏览器都支持 CSS3 animations。如果你对 CSS3 animations还不了解，建议你先阅读。
html结构如下：
&div id="ad-1"&
&div id="content"&
&h2&Lost at sea?&/h2&
&h3&Relax - we've got your rudder.&/h3&
&input type="text" id="email" value="Email address..." /&
&input type="submit" id="submit" value="Guide me" /&
&div id="clouds"&
&ul id="cloud-group-1"&
&li class="cloud-1"&&/li&
&li class="cloud-2"&&/li&
&li class="cloud-3"&&/li&
&ul id="cloud-group-2"&
&li class="cloud-1"&&/li&
&li class="cloud-2"&&/li&
&li class="cloud-3"&&/li&
&ul id="boat"&
&div id="question-mark"&&/div&
&ul id="water"&
&li id="water-back"&&/li&
&li id="water-front"&&/li&
为了让你明白上面的Html结构，我们先从“船”部分讲起：
&ul id="boat"& &!-- Groups the boat's elements --&
&li& &!-- The boat itself --&
&div id="question-mark"&&/div& &!-- The question mark (no crap) --&
现在来看第一个demo，在“船”上有三个动画元素，
1、第一个动画元素使船从左向右运动的slider，该动画直接应用于无序列表上（ul元素）。
2、第二个动画元素使船上下摆动-模拟船在水中行进的效果。该动画应用于“船”上（li元素）。
3、第三个动画元素是文字的淡入淡出效果。该动画应用于div question-mark。（li中的div）
子元素除了做自己的动画外还做父元素的动画。根据这个原理，我们在制作类似动画时尽量使用父子结构的html结构。
CSS代码请参考下载文件。
下载资源：1 次
错误提交：
大小：101.94KB
================关于优设记================
“优设记“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博：同步网站更新内容，订阅jquery资源 @吐槽优设记，欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接：
非特殊说明，本文版权归原作者所有，转载请注明出处
我当前G币余额：0
已下载次数：1
注：购买该插件的用户当日可免费下载 插件作者可永久免费下载
所需G币：20
下载提示：由于文件较小，请直接点击下载，不支持迅雷等下载工具。
不足，你可以通过
你可以直接下载，不消耗G币
&浙ICP备号-1 & Copyright (C) 2013
All Rights Reserved 您是第2717645位访客！6种非常酷炫的jquery banner焦点图片幻灯片切换_javascript_ThinkSAAS
6种非常酷炫的jquery banner焦点图片幻灯片切换
6种非常酷炫的jquery banner焦点图片幻灯片切换
jquery sequence slide滑动幻灯片插件6款时尚的图片滑动幻灯片切换
&!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type"content="text/ charset=utf-8"/&
&title&Sequence Theme Demo - Modern Slide In&/title&
&link rel="stylesheet"href="/css?family=Ruluko|Sirin+Stencil"&
&link rel="stylesheet"media="screen"href="css/sequencejs-theme.modern-slide-in.css"/&
&script type="text/javascript"src="js/jquery.min.js"&&/script&
&script type="text/javascript"src="js/jquery.sequence-min.js"&&/script&
&script type="text/javascript"&
$(document).ready(function(){
var options = {
nextButton: true,
prevButton: true,
pagination: true,
animateStartingFrameIn: true,
autoPlay: true,
autoPlayDelay: 3000,
preloader: true,
preloadTheseFrames: [1],
preloadTheseImages: [
"images/tn-model1.png",
"images/tn-model2.png",
"images/tn-model3.png"
var mySequence = $("#sequence").sequence(options).data("sequence");
&div class="sequence-theme"&
&div id="sequence"&
&img class="sequence-prev"src="images/bt-prev.png"alt="Previous Frame"/&
&img class="sequence-next"src="images/bt-next.png"alt="Next Frame"/&
&ul class="sequence-canvas"&
&li class="animate-in"&
&h2 class="title"&Built using Sequence.js&/h2&
&h3 class="subtitle"&The Responsive Slider with Advanced CSS3 Transitions&/h3&
&img class="model"src="images/model1.png"alt="Model 1"/&
&h2 class="title"&Creative Control&/h2&
&h3 class="subtitle"&Create unique sliders using CSS3 transitions&/h3&
&img class="model"src="images/model2.png"alt="Model 2"/&
&h2 class="title"&Cutting Edge&/h2&
&h3 class="subtitle"&Supports modern browsers, old browsers (IE7+), touch devices and responsive designs&/h3&
&img class="model"src="images/model3.png"alt="Model 3"/&
&ul class="sequence-pagination"&
&li&&img src="images/tn-model1.png"alt="Model 1"/&&/li&
&li&&img src="images/tn-model2.png"alt="Model 2"/&&/li&
&li&&img src="images/tn-model3.png"alt="Model 3"/&&/li&
&div id="topmenu"&
&li&&a href="index.html"&实例一&/a&&/li&
&li&&a target="_blank"href="apple-style/index.html"&实例二&/a&&/li&
&li&&a target="_blank"href="sliding-horizontal-parallax/index.html"&实例三&/a&&/li&
&li&&a target="_blank"href="photo-stack/index.html"&实例四&/a&&/li&
&li&&a target="_blank"href="ken-burns-effect/index.html"&实例五&/a&&/li&
&li&&a target="_blank"href="split-slide/index.html"&实例六&/a&&/li&
&style type="text/css"&
#topmenu{width:810margin:40px auto 0height:40position:}
#topmenu ul{margin:0;padding:0;}
#topmenu ul li{float:font-size:12background:#222;position:text-align:text-transform:width:70margin:0 10display:line-height:30}
#topmenu ul li a{color:#text-decoration:}
#topmenu ul li a:hover{color:#}
#topmenu ul li.active a{color:#font-weight:800;}
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信