启动电脑，打开photoshop软件，在新建文件中，设置文件名字，设置相应的参数，如图所示。

把背景填充成黑夜，转换成普通图层。

使用选框工具，给黑色背景做一个造型，如图所示。

使用矩形工具，填充白色，复制出多个。

创建出来这些形状，然后进行排列，到时候需要添加上导航文字信息。

排列后的效果如图所示。

导航顶部的背景过于单调，在photoshop软件中，使用画笔工具，设置好相应的颜色，然后进行涂抹绘制。

多次调整后的效果，如图所示。

再用矩形工具，创建矩形，填充颜色，放到最顶部的位置，如图所示。

这样的话，整个导航的背景制作就设计完了。

接下里，我们开始对文字内容进行创作。

使用photoshop教程软件里的文字工具，工具箱中“T”键，创建文字。

在字符面板中，调整合适的颜色和大小位置，如图所示。

接下来把导航分类的文字也创建进来。

记得，一定要居中对齐，要整齐统一才行。

如图所示。

最后把底部的扫描信息也创建进来。

把返回顶部也创建进来。

在photoshop软件里制作店铺左侧导航的最终效果，如图所示。