Lo que hacemos

Lo que hacemosDiseño Profesional de Páginas Web
Creamos webs sumamente amigables con las últimas tecnologías en diseño y programación (php, asp.net, javascript, css, xml, dhtml, etc.). Utilizamos elementos Flash como parte del contenido animado de su website...   Leer mas...

Lo que hacemosDiseño Gráfico e Ilustración 
Afiches, invitaciones, tarjetas de presentación, calendarios, brochures, banners, logotipos, etc.   Leer mas...

Lo que hacemosRestauración y Retoque Fotográfico
Restauración Digital de Fotografías, escaneo, fotomontajes, efectos especiales, dibujo publicitario, etc.  Leer mas...

Lo que hacemosReparación y Mantenimiento de Computadoras
(Software & Hardware): Mantenimiento preventivo y correctivo, actualizaciones, instalación de aplicaciones, componentes y periféricos. - Soporte Técnico.   Leer mas...

Lo que hacemosDiseño Estructuras y Animación             en 3-Dimenciones
(Modelado renderizado, Objetos, Figuras Humanas Idénticas, Paisajes, Interiores, Poligonales, etc.  Leer mas...

Lo que hacemosOtros
Multimedia; audiovisuales-edición, screensavers, planos basicos, flujogramas, programación de juegos en 2D, venta de cd´s y dvd´s, etc.  Leer mas... 


Utilice el Mouse para mover el Monigote.

 Darle click sostenido y arrastrar.

Ver en Pantalla Completa

Logo Editing Array Imprimir Array  E-mail
Usar puntuación: / 2
Escrito por Administrator   
Martes, 19 de Agosto de 2008 17:00

The following is a step by step guide to customising your MetaMorph logo image by replacing the logo text with your own organisation or company's name and logo.

In order to utilise the Fireworks Source PNG included with the metamorph template release, you will need Adobe Fireworks. The 30-day free trial of this software as well as more information is available here at the Adobe website.
Logo Editing

Logo Editing Video Tutorial

Learn how to customise your MetaMorph logo using Adobe Fireworks with this detailed video tutorial. Watch Now!

One of the first steps of customising your new MetaMorph template will undoubtedly be altering the logo text to reflect the name of your company / organisation. RocketTheme makes this process a simple one by including both the Source PNG for the template, as well as the font(s) used.

The most effective way to customise the logo is to use the included Source PNG file. When opened in Adobe Fireworks, this file contains all of the Layers in the design allowing you to tweak and change any of the image elements of the template design. The following steps will help you quickly get your new logo ready to go:

Step 1

First, open the metamorph-logo-source.png file in Adobe Fireworks. On the right side, you will notice a taskbar named Layers. Inside this column, a list of elements within the source will appear, divided into folders. The first is Web Layers which controls the green slices on the page that are used to export the images. Click the eye which is immediately left to the folder name Web Layers to make it invisible. This allows use to edit the logo.


Step 2

Next, double click on the logo which should be positioned to the right. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company name.)



Next, double click on the slogan which is beneath the logo. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company slogan). You may need to drag and move the second text block



Now, we must perform the same task with the footer logo. Double click on the smaller logo in the left of the source. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company name.)



Step 3

Next, reactivate the Web Layers slice. As you did in the initial step, select the eye icon to make it visible and subsequently making the slices visible on the canvas. Select the logo slice, either on the canvas itself or in the Web Layers folder. If you find the slice is too small, hover your cursor the blue points around the slice and drag it to a new size. Perform the same task for the footer logo slice.


Step 4

To export your logo, right click on the green slice that is situated above your new logo. A popup menu should appear with numerous options. The value we want to deal with is "Export Selected Slice...". As the name suggests, this option will export/save this slice only out of the entire source window. Perform this twice for both logos.



Step 5

If you are new to Fireworks, you may be wondering why it appears that there is only one style variation in the source. This is not the case as we take advantage of the Frame features of Fireworks. You need to simply switch frames to see all the other style variation sources.

There are a few ways to change frames and we will show 2 methods that you can use.

In the right column where you find the Layers toolbar including the Web Layers area, you should see another tab/toolbar named Frames. Just left click on the title Frames to enter the frames area. Then you can click on either of the frames which are named to show which style variant is on that particular frame.


The second method is the most easiest and simplistic. At the bottom of the Fireworks canvas is a row of buttons, arrows just as previous and next. Select the arrows to switch between frames.

By default, the source should set the export file format to a transparent PNG32. If this is not the case, you will need to change your Fireworks export settings. Firstly, expand the Optimise & Align taskbar in the upper right of Fireworks. From the available dropdowns, select PNG32 and then select the coloured background box in the control panel. A popup will appear and ensure that the white box with the red diagonal is selected.

Step 6

Once you have successfully edited then exported your new logo, you will need to upload it to your server. This process is best done via a FTP client such as Filezilla
  1. Open your FTP client on your local computer.
  2. Login to your web server where MetaMorph is installed.
  3. Navigate to the /templates/rt_metamorph_j15/images/ directory.
  4. Upload logo.png to this directory (You may need to browse on the local panel in the FTP client to find where you have exported your logo).
  5. Clear your browser cache before viewing such as using the keyboard commands on Windows, Ctrl+F5.
Ensure that you are uploading the correct logo to avoid confusion if it does not change. Also take into account hosting permissions. Sometimes, hosts which are not designed for Joomla may have permissions not suited for the setup, thus, the upload will not be complete. In this case, contact your hosting provider.
Última actualización el Sábado, 30 de Agosto de 2008 15:38

SignalLogin Module

Signallogin is a custom login module that has an array of options to control layout, function and style. MetaMorph has specific styling for this module for best effect. Read More...

Edit the Logo

We provide a Adobe Fireworks PNG source file in which you can quickly and easily edit important elements of the template, in this case the logo. Simply open the source file in Adobe Fireworks and then follow the instructions Read More...

Logo Dimensions

This guide will inform of the steps needed to edit the dimensions of the logo. You will most likely need to perform this task when you change the logo to a larger or smaller image. Read More...
RocketTheme Joomla Templates