设计制作图片（设计展板图怎么做）

：暂无数据 2026-08-09 01:30:11 ：0

设计制作图片（设计展板图怎么做）

本篇文章给大家谈谈设计制作图片，以及设计展板图怎么做对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录

设计展板图怎么做
如何制作成长纪念册简单又好看
网页制作是如何实现图片切换的
在网页设计中如何做大图,需要的素材要怎么找丫

设计展板图怎么做

1、首先打开ps，确定展板的尺寸，这里210cmx12cm，像素为300dpi，色彩模式切换到CMYK就行，这个尺寸有点大，如果用笔记本的话，可以按210mmx120mm先做样板。

2、首先制作背景部分，可以使用一张清晰度高的图片，或者是自己绘制。

3、基本的背景完成颜色完成，可以在上面添加一些元素，比如国旗，和平鸽。

4、在如图所示的位置插入文字，主要是这次展板的主题，调整字号和颜色，如果有相关的标志也可以同时放入。

5、然后新建两个个图层，在图片右下角分别放入红色丝带，和一株植物花朵图，在图层面板里面右击红色丝带的图层，选择混合选项，添加内外发光效果，如图所示。

6、在右下角的图片位置插入文字图层，输入一些关于军训的注意事项，作为小贴士这个具体的字体和颜色和整体保持一致就可以了。

7、此外在图片的空白出可以适当的插入卡通一些的动画，在文字层后方可以添加一些连续的几何图案丰富画面的内容，就可以了。

如何制作成长纪念册简单又好看

制作成长纪念册步骤如下：

准备材料：A4纸、小刀。

1、把A4纸上下对折，然后左右折成大小相同的四份，再把A4纸展开。

2、把纸展开后，用小刀在中间的位置划一道口子，如图所示。

3、划一道口子后，把A4纸上下对折，如图所示。

4、把A4纸坚起来，然后从中间的口子把纸拉开。

5、拉开后，把纸折成十字形，如图所示。

6、整理一下，成长纪念册就做好了。

所有事情都要简化，将较为深刻的故事排列起来，方便自己的抒写。成长纪念册内容在写的过程中，要通过图片和装饰品去衬托内容的真实性和美观度。这样在写的时候，就不会将事情搞混，更不会忘记脑海中的内容。不管多少个字，要在这件事情中，发现自己不断成长的原因。

成长纪念册不仅仅是为了回忆过去，更是为了对自己的成长有一个新的认识，更是让你成长。一件事可以改变一个人的性格。那么，这件事对一个人的一生有多大的决定性作用。

成长中的“喜”与“悲”，都可以引起自己的“成长”。写成长纪念册的时候，不仅要写开心的事，还要加上那些伤心的事。欢乐无处不在，但“悲伤”往往是让你不断成长的过程。

网页制作是如何实现图片切换的

新建项目文件夹如下图所示
编写index.html文件，代码如下：
《DOCTYPE html》
《html》
《head》
《meta charset="utf-8" /》
《title》
lunbo
《/title》
《link href="css/style.css" rel="stylesheet"/》
《script src="js/lunbo.js"》
《/script》
《/head》
《body》
《div id="container"》
《div id="list" style="left:-600px;"》
《img src="images/5.jpg" alt="5.pg"/》
《img src="images/1.jpg" alt="5.pg"/》
《img src="images/2.jpg" alt="5.pg"/》
《img src="images/3.jpg" alt="5.pg"/》
《img src="images/4.jpg" alt="5.pg"/》
《img src="images/5.jpg" alt="5.pg"/》
《img src="images/1.jpg" alt="5.pg"/》
《/div》
《div id="buttons"》
《span index="1"class="on"》《/span》
《span index="2"》《/span》
《span index="3"》《/span》
《span index="4"》《/span》
《span index="5"》《/span》
《/div》
《a href="javascript:;" class="arrow" id="prev"》《《/a》
《a href="javascript:;" class="arrow" id="next"》》《/a》
《/div》
《/body》
《/html》
编写style.css文件，代码如下：
*{ margin:0px; text-decoration:none;}
body{margin-top:50px;}
#container{width:600px; height:400px; position:relative;border:3px solid #333;overflow: hidden; margin:0 auto;}
#list{width:4200px; height:400px; position:absolute; z-index:1;}
#list img{float:left;}
#buttons{position:absolute; height:10px; width:100px; z-index:2; bottom:20px; left:250px;}
#buttons span{cursor:pointer;/*假超链接样式*/ float:left; border:1px solid #fff; width:10px; height:10px; border-radius:10px; background:#333; margin-right:5px;}
#buttons .on{background:orangered;}
.arrow{cursor:pointer; display:none; line-height:39px; text-align:center; font-size:36px;
font-weight:bold; width:40px; height:40px; position:absolute; z-index:2; top:180px;
background-color: RGBA(0,0,0,.3); color:#fff;}
.arrow:hover{background-color:RGBA(0,0,0,.7);}
#container:hover .arrow{display:block;}
#prev{left:20px;}
#next{right:20px;}
编写control.js文件代码如下
window.onload=function(){
var container=document.getElementById(’container’);
var list=document.getElementById(’list’);
var buttons=document.getElementById(’buttons’).getElementsByTagName(’span’);
var pre=document.getElementById(’prev’);
var next=document.getElementById(’next’);
var index=1;
var animated=false;
var timer;
function showButton(){
for(var i=0;i《buttons.length;i++){
if(buttons.className==’on’){
buttons.className=’’;
break;
}
}
buttons.className="on";
}
function animate(offset){
animated=true;
var newleft=parseInt(list.style.left)+offset;
var time=300;//位移总时间
var interval=10;//位移间隔时间
var speed=offset/(time/interval);//每一次的位移量
function go(){
if((speed《0&&parseInt(list.style.left)》newleft)||(speed》0&&parseInt(list.style. left)《newleft)){
list.style.left=parseInt(list.style.left)+speed+’px’;
setTimeout(go,interval);
}
else{
animated=false;
list.style.left=newleft+’px’;
if(newleft》-600){
list.style.left=-3000+’px’;
}
if(newleft《-3000){
list.style.left=-600+’px’;
}
}
}
go();
}
function play(){
timer=setInterval(function(){
next.onclick();
},3000);
}
function stop(){
clearInterval(timer);
}
next.onclick=function(){
if(index==5){
index=1;
}
else{
index+=1;
}
showButton();
if(animated==false){
animate(-600);
}
}
pre.onclick=function(){
if(index==1){
index=5;
}
else{
index-=1;
}
showButton();
if(animated==false){
animate(600);
}
}
for(var i=0;i《buttons.length;i++){
buttons.onclick=function(){
if(this.className==’on’){
return;
}
var myIndex=parseInt(this.getAttribute(’index’));
var offset=-600*(myIndex-index);
index=myIndex;
showButton();
if(animated==false){
animate(offset);
}
}
}
container.onmouseover=stop;
container.onmouseout=play;
play();
}
images文件的图片截图如下
运行效果截图如下：