Change Header Color of iNove

Mar 1st, 2009 Add Comment

Now I'll show you how to change the header color of my iNove theme.
现在我将向您展示如何修改 iNove 主题的顶部图片的颜色.

image

Step 1 - Start up your Photoshop, open the header_footer.jpg file.
步骤 1 - 启动 Photoshop, 打开 header_footer.jpg 文件.

image

Step 2 - Select the dark section of header.
步骤 2 - 选择图片中顶部的暗色部分.

image

Step 3 - Create a new layout named 'Layout 1' and fill any color you like.
步骤 3 - 创建一个命名为 "图层 1" 的新图层, 并涂上你喜欢的颜色.

image

Step 4 - Set the blend mode to 'Overlay' and change the fill opacity on 'Layout 1'.
步骤 4 - 将图层模式设置为 "叠加", 并调整一下 "图层 1" 的填充不透明度.

image

Step 5 - Remove unwanted color of the two corners on 'Layout 1'.
步骤 5 - 在 "图层 1" 中清除两处转角中不必要的颜色.

image

Step 6 - Save as JPG file and change the image in your iNove theme.
步骤 6 - 将图片保存为 JPG 格式, 并将主题中的原图替换掉.

image

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: Change Header Color of iNove

  1. http://1.gravatar.com/avatar/5a2ee5c043b2c3a9fa0e5fe0f6a3073d?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    想找点现成的 拿来就用 呵呵

  2. http://0.gravatar.com/avatar/2ce1c5c5226ee100d92c299de9ea4a0e?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  3. http://0.gravatar.com/avatar/28437e3c6d92fa09998c3b53e51dd821?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    学习ps中,不错的讲解哦

  4. http://0.gravatar.com/avatar/0d6d749894ea18db5f8c92e363f946e7?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    哈哈 ,老大你的世界我也曾来过哦 虽然本人超级小菜什么都看不懂 只能来祝福你网站越来越红火。。

  5. http://1.gravatar.com/avatar/b708b23697f27761b65c47cbd13edf18?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    inove主题好像跟WP Thread Comment有点冲突的样子,经常显示评论失败
    http://www.diannaofans.com 也是用inove主题,相当不错的主题,谢谢提供
    头部图片换了个简单的图片,ps不太会用

  6. http://0.gravatar.com/avatar/a4d81a250603d03e17b12e202fffe0a9?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    太麻烦了。呵呵。直接用fireworks 中的 滤镜菜单 色相/饱和度 调节下就可以了。

  7. http://1.gravatar.com/avatar/bac9b237895d58da83fb8a098a3f3420?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    很不错的博客哦,来过踩踩,欢迎回访~

  8. http://0.gravatar.com/avatar/c2bee52a4528cc982d13141ebb8a74ae?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    问下怎么修改inove主题的背景颜色?

  9. http://1.gravatar.com/avatar/3189c2bd8afb9ff4c957d7a6b71a6e01?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  10. http://0.gravatar.com/avatar/6fe95953b3145fdd775ce9177cb621af?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  11. http://1.gravatar.com/avatar/9e8139de202015999e899903ea3f1ebe?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    header_footer.jpg 新版1.64 ,是不是取消这个文件了? 怎么找不到

  12. http://1.gravatar.com/avatar/1e625d5273f4675ff72d638baac0917f?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  13. http://0.gravatar.com/avatar/02225f95f97ecf56b7a726c671926b79?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  14. http://1.gravatar.com/avatar/5410d736dfca674f310c1f2773cac324?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    bbPress rules, I've just set up my first bbPress forums about games ^^ I recommend http://www.bbpressthemes.net for cool bbPress templates.

  15. http://1.gravatar.com/avatar/7536db5de47fd2d67b16eab661f3a09a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @柊灯夜
    这个好像更复杂一点,还是习惯用PS

  16. http://0.gravatar.com/avatar/6e57194529ff12ac24d9dafb1f87fee0?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    那个……其实我有一个比较简单的办法,工具用Fireworks,因为我不会用PS 囧
    把用fireworks把header图片打开之后,用魔术棒选左上和右上两个角,之后剪切下来存在剪贴板里,然后选择整个图,在滤镜里添加色阶滤镜,之后调整颜色就可以了。调好自己想要的,在直接按ctrl+v把两个角粘回去,导出图片就好了。
    这是我的一点拙见,希望对大家有帮助
    我很喜欢这个主题,真是非常感谢博主制作。

  17. http://0.gravatar.com/avatar/0d31a99a25b627bad2bb40f1f6abf2ea?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    Can you please supply PSD file of header? No good to be working from jpeg so much.

  18. http://1.gravatar.com/avatar/11651178d8f6db4e12e2e6cd43dd710e?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    actualy Inove is a great theme !

  19. http://1.gravatar.com/avatar/7060dfb9a4706f749898fb7b915aa5da?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    你太暴强了.. i hate u..
    人家的东西你都能改这么帅啊? 本来明明不是你的设计.. 无语..

  20. http://1.gravatar.com/avatar/d8c662e0f690897a5092574c655fbd45?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    这个不错...谢谢分享

  21. http://0.gravatar.com/avatar/61c084f3a321c34312a8509705f6b1c0?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    Very nice,thanks very much!!

  22. http://0.gravatar.com/avatar/8b68b33f9caf970020347dc796d4ecd5?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    I've changed before. Very nice my blog :)

  23. http://0.gravatar.com/avatar/c22248a48cf0069ca5b0ad1de4c6167e?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    Thanks!
    Hope to see some more tutorials on the inove theme :)

  24. http://0.gravatar.com/avatar/67349dcaa2aff66082f38c8f98c7974e?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    请问高度如何改...顶部太高了.想改底点.不是指图片大小,忘了改哪里了...PX什么的.

  25. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @Sync612
    因为图片比较复杂, 脚本实现不了.

    @underone
    当然, 多些选择.

    @老王
    看了下, 不一样哦. 哈哈~

  26. http://0.gravatar.com/avatar/e232702dd57b5a01ffb87d63cabd83f7?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  27. http://0.gravatar.com/avatar/a24a4d975a8f0f2150312e3f245da417?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    巧不巧!你用的范例图片和我正在使用的一模一样啊!顶一个! :grin:

  28. http://0.gravatar.com/avatar/e8f87528ed0a0eaba60009f8580df401?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    个性化点好。。。

  29. http://1.gravatar.com/avatar/7dc6984b84b6971e3d1d1cc5526c54c3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    该图片能不能通过脚本实现换色呢?

  30. http://1.gravatar.com/avatar/b9beca274a192f2ce5ad0145466a3318?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
Comment pages
  1. Loading...