GameMale
登陆 / 注册 搜索

USERCENTER

SEARCHSITE

搜索

查看: 3722|回复: 101
收起左侧

[技巧科普] 【教程】觉得个人空间的装修很难?小白(也许)也能学会的“个人空间”装修技巧!

    [复制链接] |关注本帖

亚瑟‧摩根【新春限定】果体 隆真·天使之赐金钱马车黄金树的恩惠吃饱金币的Doge和你一起飞行的皮卡丘诺曼底号史莱姆牧场男巫之歌

     楼主| 大河内太 发表于 2024-11-5 17:23:08 | 显示全部楼层 |阅读模式 <
    本帖最后由 大河内太 于 2024-11-9 16:33 编辑
    你是否还在为自己的空间装修
    只能完全按照discuz论坛的默认模板
    苦恼
    (苍白的背景,简单的文字,没有任何个人的风格喜爱特点)


    现在让我们手把手一起改变现状吧!
    【三次编辑】
    由于本空间已结合CSS代码重新装修
    所以跳转预览不再适用本帖
    不过本帖教程依旧可以还原上图预览
    请放心食用
    【本帖目录指引】
    【壹】
          1.1工作准备
          1.2需要准备的材料
    【贰】
          2.1标题导航/头图 制作
          2.2左右侧图 制作
          2.3背景图片及文字主题内容部分 制作
          2.4赠礼部分制作
    【叁】
          3.1整合并上传至空间
    【壹】
    【工作准备】
    此主题的装修方法不同于部分论坛大佬的代码装修法
    如:
    【星之子的主页】

    【福黎的主页】

    色の狐狸的个人空间-GameMale
    而是采用一种
    “基于论坛本身已有功能,不进行代码插入”
    的相对比较适合代码白痴和装修小白的“裁图”装修法

    即:

    通过以手动截取任意模板下
    自己空间背景贴图的分辨率裁剪
    以及文字的显示区域
    为前提,

    手动画出适配当前模板的背景贴图

    简单地说也就是以固定整个界面的文字为前提
    专门为这些文字创造出他们所在位置的背景图(详情请看后面的2.3部分)



    【需要准备的材料】
    【你需要准备的材料】
    1.任意版本的“图像编辑软件”
    (在这里推荐且仅推荐PhotoShop,因为可以保存工程文件psd.方便日后随时更改任意部分)
    2.你喜欢的
    “导航头图背景图”x1
    【建议使用这张图同分辨率大小的背景 或手动裁剪至此分辨率 方便同步教程】
    “左右侧栏背景图”x1 (可以选两张 但是相对麻烦)
    【建议使用这张图同分辨率大小的背景 或手动裁剪至此分辨率 方便同步教程】
    “文字内容部分背景图”x1
    【建议使用这张图同分辨率大小的背景 或手动裁剪至此分辨率 方便同步教程】
    “越杂乱的背景越好的背景图”x1
    (如果你直接下载上面的三张图片 请无视这一步)
    【建议使用这张图同分辨率大小的背景 或手动裁剪至此分辨率 方便同步教程】
    下载完图片记得重命名为对应“”标题内的内容
    下载完图片记得重命名为对应“”标题内的内容
    下载完图片记得重命名为对应“”标题内的内容
    重命名这一步很重要 后续所有内容都将直接用图片的名字进行指引
    不想头晕脑胀的话请必须按照我的指示来重命名上面的四张图片
    3.你喜欢的字体文件xN (凭喜好选择 建议不使用默认字体)
    【↑使用此教程建议下载上面的所有四张附图↑】
    【贰】
    在正式开始之前你需要明白的事情
    此装修手法会导致你
    几乎任何空间文字内容的变动都会影响部分装修的效果
    所以你必须在
    “发表区块内容的字数与前一个帖子行数显示相同”
    (如 日志 主题帖 置顶日志)
    “显示行数有变动 需要重新打开PSD花几分钟调整部分图片位置”
    之间二选一
    使用此方法装修之前请务必考虑清楚
    确认使用之后请先查看下方“橙字部分”的前提及设置
    Step0.
    上方下载的四张图片存入自己的个人相册
    重要:注意将每张图片重命名)

    Step1.
    首先请将你的模板板块固定
    【个人空间右上角-“装扮空间”→正上方“板块”】
    请将你的整个空间模版完全固定 且不要轻易进行变动
    (个人完全建议的选择:将主题帖模块放置到任意区域的最下方 只要在最下面就行 左中右不重要,
    因为这样可以保证你发主题帖行数超过变化时 至少不会影响你同竖列其他模板的文字位置)

    Step2.
    随后将“内容区”“背景”“头部”的


    【图片平铺】【图片位置】(上图右侧)
    按照100%相同的设置复刻
    记得点击右上角保存
    到这里你的整个空间的分辨率裁切,图片裁切定位所有前提均已就绪!
    Step3.
    【个人空间右上角-“装扮空间”→正上方“自定义装扮”】
    将①“头部”②“背景”③“内容区”的三个背景图随着步骤
    推进依次换成上面三张模板图里对应的图!
    内容区→“文字内容部分背景图”
    背景→“左右侧栏背景图”
    头部→“导航头图背景图”
    (跟着后面的教程走 做完一个区之后再上传另一个区的图)



    接下来是关键步骤
    由于图片上传机制第【贰】部分仅精细演示一次
    后续背景制作道理完全相同不再做过多演示


    【标题导航/头图 制作】
    将“导航头图背景图.jpg”保存至Step3.的“头部”中
    此时你的主页头图应该如此


    请和我一样把主页的头图部分“完整地”截图并保存下来
    并命名为“导航截图.jpg”
    随后打开你的“图像编辑软件”(此主题以PhotoShop举例)
    将“导航截图.jpg”拖进软件内
    然后将图像放大
    直到看清这张图的左边和右边被裁图到什么位置
    随后新建工程再将“导航头图背景图.jpg”拖至软件内
    然后使用任意显眼标记(最好是竖着的一条线)来标记上一步得到的被剪切部位
    随后手动将“导航头图背景图.jpg”多余的部分裁切掉
    此时你的软件内
    “导航头图背景图.jpg”的样式应该如此
    (图片的左右下方的白框为专门留白 请不要耍小聪明放大图片填满)
    这样你就已经得到了完整的一块你个人空间导航部分的切割画布
    随后将图片部分替换成任意你喜欢的图片
    然后添加自己喜欢的文字在图片部分的任意地方
    保存并上传至个人相册
    然后保存至Gamemale的【个人空间右上角-“装扮空间”→正上方“自定义装扮”】①“头部”
    就可以拥有我主页导航同款的内容效果了!
    内容背景和侧边背景本质原理也完全相同
    所以下面仅在困难部分做图片插入讲解



    【左右/侧图 制作】
    如果你打算使用简单背景做装饰
    可以直接跳过这个部分
    如果你使用多个角色的图作为侧边背景
    强烈建议仔细研究此part

    并命名为“主页截图.jpg”
    随后打开你的“图像编辑软件”(此主题以PhotoShop举例)
    将“主页截图.jpg”拖进软件内
    然后将图像放大
    直到看清这张图
    左边部分的最右侧 和 右边部分的最左侧
    分别被裁图到什么位置
    随后新建工程再将“左右侧栏背景图.jpg”拖至软件内
    将“左右侧栏背景图.jpg”多余的部分裁切掉
    但!是!
    不出意外的话你会发现你裁掉之后
    主页截图里的另一半会直接消失!
    那是因为
    泥潭的背景剪切并不是简单的把你的背景一分为二
    而是以一定的分辨率切割之后进行循环
    这就会导致你截出来的图会是这样的
    (图片的左右下方的白框为专门留白 请不要耍小聪明放大图片填满)
    明显看出左右两块图有明显的重叠区域
    不过问题不大
    我们手动把这两张图片拼合在一起!
    注意!
    这一步的目的只是告诉你你想拆分左右不对切的图片他会怎么裁图
    学会之后记得把拼接好的图像隐藏
    只留一张完整的底图即可
    随后将图片部分替换成任意你喜欢的图片
    然后添加自己喜欢的文字在图片部分的任意地方
    保存并上传至个人相册
    然后保存至Gamemale的【个人空间右上角-“装扮空间”→正上方“自定义装扮”】②“背景”
    就可以拥有我主页导航同款的内容效果了!





    【背景图片/文字背景 制作】
    最重量级的part
    请仔细研究
    【二次编辑重点 请注意】
    上传完内容区的杂乱背景图之后
    先退出你的账号!!
    退出你的账号!!
    退出你的账号!!
    退出之后再完整地截取一次新的“主页截图.jpg”
    保存并覆盖原本的“主页截图.jpg”
    不然个人资料页会多出一行资料顶掉其他版块!

    打开你的“图像编辑软件”(此主题以PhotoShop举例)
    将上一步骤保存的“主页截图.jpg”拖进软件内
    然后将图像放大

    直到看清文字背景部分的裁切情况
    随后新建工程再将“文字内容部分背景图.jpg”拖至软件内
    将“文字内容部分背景图.jpg”多余的部分裁切掉

    然!后!
    请把“文字内容部分背景图.jpg”拖进“主页截图.jpg”所在的工程中
    并将“文字内容部分背景图.jpg”“主页截图.jpg”完全重叠
    几乎没有什么容错率
    你重叠得越好
    你能完全贴合内容的效果就越好
    建议像素点差距不要超过2
    随后
    隐藏“文字内容部分背景图.jpg”
    “主页截图.jpg”调整至“透明度:50”(隐约可见)
    (图片的左右下方的白框为专门留白 请不要耍小聪明放大图片填满)
    然后
    使用图像编辑功能自带的各种美术功能
    如矩形框 特殊形状 颜色切换等一切功能
    以这半透明的“主页截图.jpg”为基础
    新建图层(想加多少东西就建多少图层)
    推荐分组为
    【文字组】【填充物组】【描边框组】【背景图块组】
    因为美术风格因人而异
    我喜欢的你不一定喜欢
    所以这里不做具体教程
    完成这一步之后
    你会得到这样的工程界面:
    (左边为显示“主页截图.jpg”/右边为隐藏“主页截图.jpg”)
    随后隐藏“主页截图.jpg”
    将“文字内容部分背景图.jpg”
    重新设置为可见状态
    并替换图片部分为自己想要的图片

    保存并上传至个人相册
    然后保存至Gamemale的【个人空间右上角-“装扮空间”→正上方“自定义装扮”】③“内容区”
    就可以拥有我主页内容部分的图片效果了!





    【赠礼/部分 制作】
    详情请参考这篇帖子
    你只需要在设置完这四个板块之后
    在内容区制作部分为他们准备专属的背景就行了!



    【整合并上传至空间】
    将你制作完的三个区域的图片保存为JPG格式(不要超过500kb 超过大小会无法上传)
    然后
    【个人空间右上角-“装扮空间”→正上方“自定义装扮”】
    将①“头部”②“背景”③“内容区”的三个背景图
    换成你做好的三张模板对应的图
    内容区→“文字内容部分背景图”
    背景→“左右侧栏背景图”
    头部→“导航头图背景图”
    如果你有任何疑问与不解
    欢迎回帖询问
    我会耐心的解答你每一个细节问题
    只需要你一个免费的小小的追随












    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x

    评分

    参与人数 51旅程 +1 金币 +10 血液 +98 追随 +49 堕落 +18 收起 理由
    yota + 1
    469MAPabu + 1 + 1
    Henggy + 1 很给力!
    Toru + 1
    Raven_gambler + 1 + 1
    Hadley0T + 5 + 1 + 1
    Surian + 1 很给力!
    一万只小仓鼠 + 3 + 1 + 1 牛的嘞!!
    沐雨慕鱼 + 1
    2337891498 + 1

    查看全部评分

      收起(4)

    本帖被以下淘专辑推荐:

    回复

    使用道具 举报

    漂洋小船冒险用指南针破损的旧书人鱼之泪雪王的心脏苏格兰圆脸胖鸡[Pro Max]丛林的鸟飞走了不曾寄出的信件幽灵竹筒『随时随地开启!』

      凯诺斯 发表于 2024-11-5 17:36:40 | 显示全部楼层 <
      回复

      举报

      吃饱金币的Doge很久很久以前史莱姆养殖证书【新春限定】果体 隆崩朽之青铜龙王卡利亚权杖诺克提斯·路西斯·伽拉姆月光骑士不朽之恋虚空之海的鲸

        mengdi 发表于 2024-11-5 17:38:42 | 显示全部楼层 <
        姐姐真素很详细的教程呢,美美的收藏噜,等闲下来再去装修一下狗窝
        回复

        举报

        安静的海边沙漠神灯新春福袋福卡·锰紫[2]福卡·澄黄[3]福卡·曙红[4]银色溜冰鞋『冰雕马拉橇』

          promax 发表于 2024-11-5 17:39:07 | 显示全部楼层 <
          回复

          举报

          瑞雪兆丰年,生灵万物新【新春限定】果体 隆爱情是一只小鸟打开一个礼物盒福卡·曙红[9]福卡·澄黄[0]福卡·锰紫[1]

            junwuyibao 发表于 2024-11-5 17:39:21 手机端 | 显示全部楼层 <
            回复

            举报

            吃了一半的面包暗纹鲨遍江云霞狩猎用小刀布衣+10 史诗的奇怪的宝箱赛博朋克2077荒野大镖客:救赎 II

              a1343672175 发表于 2024-11-5 17:48:46 | 显示全部楼层 <
              有拖延症的人是学不会海姆立克急救法的,毕竟需要立刻,虽然很想装修一下我的狗窝,但是还是先码住吧
              回复

              举报

              黄粱一梦死灵之书【新春限定】果体 隆百鬼夜行永远的克叔業火死鬥实现梦想官复原职虚空之海的鲸Zootopia

                娱乐法师火布偶 发表于 2024-11-5 17:48:48 | 显示全部楼层 <
                本人是真的懒得搞空间画面了,因为一个星期也不会进去一次,而且简单的配置可以减少其他人的加载流量
                本人更愿意会把时间花在制作勋章画面上面了
                  收起(4)
                回复

                举报

                我的天使GM吸血伯爵吃饱金币的Doge阿拉喵?神灯苏格兰圆脸胖鸡小小舞台永浴爱河

                  毛茸茸兽兽 发表于 2024-11-5 17:50:24 | 显示全部楼层 <
                  吼(´×ω×`)好…………长哇~步骤不少咧~俺当初弄好一键赠送都花了不少尽力的,还是躺平摸鱼好咯
                  回复

                  举报

                  御医神兔岛田半藏普隆普特·阿金塔姆神奇四叶草格拉迪欧拉斯皮尔斯‧尼凡斯亚当‧简森裸体克里斯

                    哟哟hoho 发表于 2024-11-5 17:54:48 | 显示全部楼层 <
                    回复

                    举报

                    维涅斯灵光补脑剂光之战士桑克瑞德·沃特斯无瑕的回忆死亡化身诺克提斯·路西斯·伽拉姆冒险专用绳索九尾妖狐·阿狸

                      莫索卡亚 发表于 2024-11-5 17:59:25 | 显示全部楼层 <
                      大河老师倾向于现有资源200%利用,起先我装修空间也是如此(虽然现在也一样),做到星之子和福黎两位老师那种“精装修”则需要一点点css基础和不可或缺的艺术细胞(咳咳)。两者都各有各的好,本以为进来会发现css及HTML教程等等,结果是更平易近人的方法,欢迎各位坛友积极学习并装修空间。PS。都给我吃山吽(夹带私货)
                        收起(4)
                      回复

                      举报

                      人鱼之泪吃饱金币的Doge和你一起飞行的皮卡丘丹雀衔五穗,人间始丰登寶可夢 Pokémon崩朽之青铜龙王『冰雕马拉橇』金牌矿工岛田源氏杰西·麦克雷

                        PURO_ 发表于 2024-11-5 18:05:34 | 显示全部楼层 <
                        回复

                        举报

                        和你一起飞行的皮卡丘吃饱金币的Doge官复原职实现梦想冰原史莱姆牧场丹妮莉丝·坦格利安妙手空空骑兽之子不朽之恋

                          2297988 发表于 2024-11-5 18:11:34 | 显示全部楼层 <
                          招募空间奴帮我装修(不是)
                          很好的帖子捏
                            收起(3)
                          回复

                          举报

                          黄金树的恩惠我的冶金打火机阿拉喵?神灯双向圣杯:焕然意志『逆境中的幸运女神』阿怪小小安全帽金牌矿工幸运女神的微笑

                            sanweny 发表于 2024-11-5 18:28:28 | 显示全部楼层 <
                            不得不说进去楼主空间第一眼被背景图吸引了,空间确实很好看
                              收起(1)
                            回复

                            举报

                            枕套幽灵新手蛋小丑与格雷与星光璀璨赛博朋克2077

                              leotituba 发表于 2024-11-5 18:39:03 | 显示全部楼层 <
                              回复

                              举报

                              实现梦想業火死鬥魔法不朽·传奇不熄卡洛斯·奥利维拉白野威十年一梦官复原职男巫之歌永浴爱河虚空之海的鲸

                                Burry 发表于 2024-11-5 18:44:22 | 显示全部楼层 <
                                这个空间装修太专业了,我当初自己搞空间老费劲了。
                                  收起(1)
                                回复

                                举报

                                没有梦想的咸鱼小小舞台【圣诞限定】心心念念小雪人内在夏日柯基王者之盾卡洛斯·奥利维拉岛田半藏守护者三角头

                                  Zayne03 发表于 2024-11-5 18:46:24 | 显示全部楼层 <
                                  回复

                                  举报

                                  实现梦想性感男神GM人到中年卡洛斯·奥利维拉史莱姆牧场Forever Titanic全景【夏日限定】夏日的泰凯斯人鱼之泪

                                    我们一起学狗叫 发表于 2024-11-5 19:04:19 | 显示全部楼层 <
                                    回复

                                    举报

                                    牧羊人

                                      打工吧兄弟 发表于 2024-11-5 19:10:28 | 显示全部楼层 <
                                      回复

                                      举报

                                      20x43 隐形➀吃饱金币的Doge冒险用指南针金牌矿工小小安全帽小小舞台阿拉喵?神灯图腾饼干『梦旅存根』

                                        不是卖萌的基佬 发表于 2024-11-5 19:16:47 | 显示全部楼层 <
                                        看不懂 等哪天有空搞搞 先谢谢大佬的教导了
                                          收起(3)
                                        回复

                                        举报

                                        BIG BOSS肥皂铁牛吃饱金币的Doge亚瑟‧摩根妙手空空杰夫‧莫罗艾吉奥自由

                                          提尔特 发表于 2024-11-5 19:17:38 | 显示全部楼层 <
                                          这帖子真的给我很大的启迪 这下知道怎么装修的了
                                            收起(2)
                                          回复

                                          举报

                                          您需要登录后才可以回帖 登录 | 立即注册

                                          本版积分规则

                                          关闭

                                          站长公告上一条 1/2 下一条

                                          【维护论坛环境从你我做起】
                                          【维护论坛环境从你我做起】
                                          论坛从即日起全面禁止任何挂人行为,如有出现将会直接删除。请大家自觉维护论坛环境,遵守论坛秩序,营造一个良好的论坛环境。如有疑问可以私信相关板块的管理/超版/坛花

                                          查看 »

                                          文字版|手机版|小黑屋|GameMale

                                          GMT+8, 2025-1-31 07:15 , Processed in 0.154122 second(s), 149 queries , Redis On.

                                          Copyright © 2013-2025 GameMale

                                          All Rights Reserved.

                                          快速回复 返回列表