Maison interface Web Tutoriel PS 电子杂志的创编制作过程实例详解

电子杂志的创编制作过程实例详解

Jun 01, 2016 pm 02:39 PM
制作 实例 Revue 模板 电子杂志 详解 processus

本文中我们通过一个完整的实例详细讲解电子杂志的策划和制作过程。
  一、前期整体策划
  优秀的团队

  组建团队时,可以根据每个人的特点和能力,在整体上形成优势互补。当然,团队的概念并不是局限于设计工作范畴,也包括经营方面,例如,在电子杂志的设计过程中,如果能够争取到一定的广告资金或者赞助费,成员的积极性就能更高,更多优秀的策划和创意也就能够得到实施。总之,在设计工作开展的过程中,以团队的模式形成工作结构,能够促进专业协作水平不断提高,从而获得更多的回报,使杂志能够持续坚持下去。在小型的电子杂志设计团队中,通常包括:策划编辑、美术设计人员、Flash设计人员和程序员等。通过明确的分工,在技能上能形成互补,从而形成一个高效的设计团队。当然,也可以通过网络的形式,以论坛分工的模式形成一个网络团队。
  电子杂志的策划
  电子杂志的策划包括:杂志的定位、版式设计、内容选择、色彩风格、音乐选择等,还有选题、组稿、编辑、素材整理、技术实现等,都需要仔细考虑。
  每一个页面都应该是一个优秀的美术作品,必须通过整体的策划、配合来表现所要介绍的内容。一个有结构、有穿透力的色彩搭配,会产生更有空间感的透视效果,形成强有力的视觉冲击。动画、声音、视频、互动的整体配合可以使电子杂志的视觉效果更有层次感、空间感,从而吸引更多的读者。
  杂志系列化的长期策划
  一般分为初期、发展期、成熟期三个不同时期的考虑。在初期,要逐渐做精做强,以便在激烈的竞争中得以生存;工作重点可放在对电子杂志的广告宣传的建立上面,尽可能吸引越来越多的读者。在发展期,电子杂志的内容要不断更新和完善,通过与杂志和网站的结盟,打造强势品牌。在成熟期,要努力形成自己独特的风格,尤其要考虑更多的赢利方式。完成详细的策划后,就可以针对整个系列进行设计了。


二、元素设计
  设计电子杂志之前,需要大量搜集资料和素材,通过主题内容来确定杂志的整体风格。因此,内容编辑也是整个设计过程中的重要环节。在占有大量资料的基础上,我们就可以考虑电子杂志的整体风格设计了。主要包括封面、封底、徽标LOGO、颜色选择等多方面的元素。
  封面设计
  设计封面时,可以选择CorelDraw、Photoshop等专业图像软件。以“北印码头”为例,该封面包含了多个设计元素。在设计的过程中,通过阴影等效果,制作出书脊的风格。在封面图片的对比上,通过虚实结合的表现手法,突出人物的动感风格。在封面的下方,包含了杂志的LOGO,专题名称。在颜色选择上,采用了绿色调,体现了杂志的“奥运”特色。如下图所示。

1.jpg

在封底,继续采用了虚化的手法表现动感力度。为了突出奥运会中来自五湖四海的友谊,采用了一群牵手的相片。同时,在封底还加上了“北印码头”的杂志标志和杂志条码,进一步突出其杂志的味道。封底书籍的颜色与封面遥相呼应,突出其整体风格的一致性。如下图所示。

2.jpg

我们选择Zinemaker作为主要设计软件,另外配合CorelDraw、Photoshop、Flash等软件。在ZineMaker中,点击“文件”菜单下的“新建杂志”,选择一个杂志模板,本例选择“硬书脊风格杂志模版(简化)”,然后点击“确定”按钮。如下图所示。

3.jpg

【小技巧】添加动画封面时,可以选择一个“非简化标准杂志”模板。加入后,选中模板元件处的“frontinfo.swf”,从“替换文件”后面的文件夹中调出需要的动画页面。建议添加的swf文件尺寸为750*550PX,帧频为30FPS,和整体参数保持一致。
  替换封面和封底图片
  在设计窗口中,左边是添加的页面模板,中间为模板的效果显示,右边为替换选区。在替换选区中,选择需要替换的图片名称,在元件查看中会显示原始图片。在“元件设置”区域,可点击“替换图片”任务栏尾部的文件夹,从电脑中调用已经准备好的图片文件。这时原来的图片就替换成需要的图片了。

三、目录制作
   目录是电子杂志中很重要的一个部分。在电子杂志制作中,一个清晰的目录结构能让读者检索、阅读杂志觉得方便、舒服。在确定了杂志的目录层次后,目录的显示位置和频率可以根据杂志的栏目设置和整体布局加以控制,这样,用户就能够方便的找到自己所需要的内容。
  目录的安装
  Zinemaker软件中没有提供目录模板,在它的官方网站上可以下载到许多新颖独特的模版、特效、图标及背景图片。下载后双击“页面模板”tpf文件。出现一个模板查看器,显示模板的动画效果。点击左上角的“安装”按钮。当出现“选择目录”时,点击下拉箭头或新建文件夹。这样页面模板就添加完成了。特效的下载及安装与之类似,至于图标和背景,则需要将下载完毕文件存放到固定文件夹。如下图所示。

1.jpg

点击“项目”工具栏下的“添加模板页面”,然后选择刚才安装的目录模板。选择模板页面后,可通过图片查看方式或动画查看方式,对模板进行查看。注意:每次可选择1个模板,每个模板可多次选择。然后替换相关图片和文字。如下图所示

2.jpg

【小技巧】制作目录中的图标时,可以使用Photoshop进行制作。目录的个数可以在模板中设置相关变量,如num_of_left,num_of_right;设置图片连接时,可以通过numplace_of_picture变量进行,无目录的位置不要填写数字。在相邻之间,逗号不能少。

四、添加内容、插入Flash文件
  添加内容模板
  方法与添加目录模板类似,为了增加杂志的视听效果,用户可以在平时多多收集相关模板,甚至还可以通过Flash制作模板。在添加模板页面中,包含了“图文模板”、“图片展示”、“视频模板”等类型。通过类似的方法,可以完成电子杂志主体内容的制作。因此,内容的作用在这个环节就显得很重要了。如图16所示。

1.jpg

【小技巧】插入视频之前,首先点击“文件”菜单下的“导入视频”选项,选择要添加的视频文件,在弹出的“导入视频”选框中修改“导入设置”,完成后点击“导入”。在新建视频模板时,点击替换文件后的文件夹。在安装目录栏下的Video文件夹里,选择以前导入的视频文件并打开即可。
   添加Flash文件
  有些场合,通过自己独立设计的Flash页面可以达到意想不到的效果,通过Flash的补充能够增加杂志的趣味。添加时,点击“项目”菜单下的“添加 Flash 页面”,选择并打开自己制成杂志页面的Flash 文件即可。现在,不少制作技术精湛的用户开始直接使用Flash MX等软件制作电子杂志。
  整体页面属性的设置
  在模板主界面的“页面设置”属性中,包含了丰富的页面设置变量。例如,可选择true或者false来决定是否进行页面预加载、页面遮罩、音乐预加载、页码等;打开“页面设置”的“背景音乐”浏览框,可以选择所需要音乐文件;点击“页面设置”的“页面特效”下拉框,选择所需要的页面特效。点击“页面设置”的“背景颜色”下拉框,可选择所需的颜色。如下图所示。

2.jpg

【小技巧】关于制作杂志的所有设置项都可以在XML中找到并修改。XML是“extensible Markup Language”的缩写,意为可扩展的标记语言。它是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识。“XML”具有与描述Web页面的“HTML”语言相似的格式,该语言有“可以利用Web浏览器进行数据确认”以及“易于生成数据”等优点,因此可以方便地进行数据交换和利用。在电子杂志设计的过程中,可以通过修改“XML”选项卡中的参数,对电子杂志进行灵活的配置。

五、后期合成及发布
  参数设置
  单击“生成”菜单下的“杂志设置”,在弹出的窗口更改有关的信息。这里包括了“杂志信息”、“版权信息”、“启动画面”等参数。
  生成杂志
  单击“生成”菜单下的“生成杂志”,一份完全属于我们自己的电子杂志已经自动在软件安装目录下的release文件夹生成了。这时,会跳出生成电子杂志的提示框。现在,就可以欣赏独具个性的电子杂志了。生成后的“序”界面如下图所示。

1.jpg

网络时代,我们肯定希望有更多的朋友能够欣赏自己的作品了。单击“生成”菜单下的“发布我的杂志”,直接按“下一步”,确认发布和选择服务器之后,ZineMaker就会自动把完成的电子杂志上传到服务器了。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Explication détaillée de l'obtention des droits d'administrateur dans Win11 Explication détaillée de l'obtention des droits d'administrateur dans Win11 Mar 08, 2024 pm 03:06 PM

Le système d'exploitation Windows est l'un des systèmes d'exploitation les plus populaires au monde et sa nouvelle version Win11 a beaucoup attiré l'attention. Dans le système Win11, l'obtention des droits d'administrateur est une opération importante. Les droits d'administrateur permettent aux utilisateurs d'effectuer davantage d'opérations et de paramètres sur le système. Cet article présentera en détail comment obtenir les autorisations d'administrateur dans le système Win11 et comment gérer efficacement les autorisations. Dans le système Win11, les droits d'administrateur sont divisés en deux types : administrateur local et administrateur de domaine. Un administrateur local dispose de tous les droits d'administration sur l'ordinateur local

Explication détaillée du fonctionnement de la division dans Oracle SQL Explication détaillée du fonctionnement de la division dans Oracle SQL Mar 10, 2024 am 09:51 AM

Explication détaillée de l'opération de division dans OracleSQL Dans OracleSQL, l'opération de division est une opération mathématique courante et importante, utilisée pour calculer le résultat de la division de deux nombres. La division est souvent utilisée dans les requêtes de bases de données. Comprendre le fonctionnement de la division et son utilisation dans OracleSQL est donc l'une des compétences essentielles des développeurs de bases de données. Cet article discutera en détail des connaissances pertinentes sur les opérations de division dans OracleSQL et fournira des exemples de code spécifiques pour référence aux lecteurs. 1. Opération de division dans OracleSQL

Méthode spécifique pour créer un effet de mouvement de film en PPT Méthode spécifique pour créer un effet de mouvement de film en PPT Mar 26, 2024 pm 04:00 PM

1. Démarrez PPT, créez un nouveau document vierge, sélectionnez toutes les zones de texte et supprimez-les. 2. Exécutez la commande Insérer une forme, faites glisser un rectangle dans le document et remplissez la forme de noir. 3. Faites glisser le rectangle pour l'allonger, exécutez la commande Insérer-Forme, faites glisser le petit carré et définissez la couleur de remplissage sur blanc. 4. Copiez et collez les petits carrés un par un afin que le haut et le bas soient répartis uniformément des deux côtés du film. Après les avoir tous sélectionnés avec ctrl+a, faites un clic droit et sélectionnez Groupe. 5. Exécutez la commande Insérer une image, recherchez l'image à insérer dans la boîte de dialogue contextuelle, cliquez pour l'ouvrir et ajustez la taille et la position de l'image. 6. Répétez l'étape 5 pour insérer et définir les images restantes afin de former une image de film. 7. Sélectionnez le film, exécutez la commande animation-ajouter une animation

Explication détaillée du rôle et de l'utilisation de l'opérateur modulo PHP Explication détaillée du rôle et de l'utilisation de l'opérateur modulo PHP Mar 19, 2024 pm 04:33 PM

L'opérateur modulo (%) en PHP est utilisé pour obtenir le reste de la division de deux nombres. Dans cet article, nous discuterons en détail du rôle et de l'utilisation de l'opérateur modulo et fournirons des exemples de code spécifiques pour aider les lecteurs à mieux comprendre. 1. Le rôle de l'opérateur modulo En mathématiques, lorsqu'on divise un entier par un autre entier, on obtient un quotient et un reste. Par exemple, lorsque l’on divise 10 par 3, le quotient est 3 et le reste est 1. L'opérateur modulo est utilisé pour obtenir ce reste. 2. Utilisation de l'opérateur modulo En PHP, utilisez le symbole % pour représenter le module

Comment ajouter un masque PPT Comment ajouter un masque PPT Mar 20, 2024 pm 12:28 PM

Concernant le masquage PPT, beaucoup de gens ne doivent pas le connaître. La plupart des gens ne le comprennent pas complètement lorsqu'ils créent un PPT, mais l'inventent simplement pour créer ce qu'ils aiment. Par conséquent, beaucoup de gens ne savent pas ce que signifie le masquage PPT et ne le comprennent pas non plus. Je sais ce que fait ce masque, et je ne sais même pas s'il peut rendre l'image moins monotone. Amis qui veulent apprendre, venez apprendre et ajoutez des masques PPT à vos images PPT. Alors, comment ajouter un masque PPT ? S'il vous plaît lire ci-dessous. 1. Nous ouvrons d'abord PPT, sélectionnons une image vierge, puis cliquons avec le bouton droit sur [Définir le format d'arrière-plan] et sélectionnons une couleur unie. 2. Cliquez sur [Insérer], Word Art, entrez le mot 3. Cliquez sur [Insérer], cliquez sur [Forme]

Effets de la spécialisation des modèles C++ sur la surcharge et la réécriture des fonctions Effets de la spécialisation des modèles C++ sur la surcharge et la réécriture des fonctions Apr 20, 2024 am 09:09 AM

Les spécialisations de modèles C++ affectent la surcharge et la réécriture des fonctions : Surcharge de fonctions : les versions spécialisées peuvent fournir différentes implémentations d'un type spécifique, affectant ainsi les fonctions que le compilateur choisit d'appeler. Remplacement de fonction : la version spécialisée dans la classe dérivée remplacera la fonction modèle dans la classe de base, affectant le comportement de l'objet de classe dérivée lors de l'appel de la fonction.

Laissez-moi vous apprendre ! Comment créer des effets d'animation en PPT ! Laissez-moi vous apprendre ! Comment créer des effets d'animation en PPT ! Mar 20, 2024 pm 06:40 PM

Lors de la création d'un PPT, l'utilisation de certains effets d'animation le rendra plus vivant et plus mignon que sans l'utilisation d'effets d'animation. Avec l'ajout d'effets d'animation, les gens aimeront peut-être regarder ce PPT, nous devons donc apprendre à créer des effets d'animation pour PPT. Ensuite, je présenterai en détail comment ajouter des effets d'animation à PPT. Veuillez continuer à lire et étudier attentivement ces étapes, je pense qu’elles vous seront utiles ! Tout d'abord, ouvrez le PPT que nous avons créé nous-mêmes. Vous remarquerez que ce PPT n'a actuellement aucun effet d'animation (comme le montre la flèche rouge dans la figure ci-dessous). 2. Ensuite, nous devons ajouter des effets d'animation à l'image. Nous sélectionnons d'abord l'image, puis cliquons sur le bouton [Animation] en haut de la barre de menu (comme indiqué dans le cercle rouge dans la figure ci-dessous). 3. Ensuite, nous cliquons à l'intérieur de l'animation

Comment faire une couverture de mot Comment faire une couverture de mot Mar 19, 2024 pm 06:50 PM

Un mémoire de fin d’études doit avoir une couverture, une table des matières, une fin, etc. Ce n’est qu’alors que le mémoire peut être complet. Dans le dernier numéro, l'éditeur a partagé avec des amis comment créer une table des matières dans Word. Dans ce numéro, je partagerai avec vous comment créer une couverture de mot. Si vous ne savez pas comment la créer, dépêchez-vous. ! 1. Tout d'abord, nous ouvrons le document Word dont nous voulons faire une couverture, comme le montre la figure ci-dessous : 2. Ensuite, nous cliquons sur le bouton [Chapitre] dans la barre de menu et sélectionnons la page de couverture. Cette fonction est équivalente à une page de couverture. bibliothèque de couvertures, et vous pouvez choisir vous-même une couverture appropriée et belle, comme indiqué dans le cercle rouge dans la figure ci-dessous : 3. Après avoir cliqué, vous pouvez voir différents types de couvertures, tels que le type d'entreprise, adaptées aux contrats et documents d'entreprise. ; type de CV, adapté à la recherche d'emploi et à la soumission de CV Amis, attendez, d'accord ?

See all articles