Para ajustar y personalizar la imagen de una plantilla, HostGator Studio ofrece varias herramientas que le permiten cambiar el color, tamaño, posición, incluir efectos, enlaces, entre otros.
Revise en detalle cómo usar los recursos disponibles y editar sus imágenes:
1En el Portal del Cliente, en el menú lateral, haga clic en Studio - También puede acceder desde la pestaña "Inicio" y luego en HostGator Studio:
2En la pantalla inicial “HostGator Studio”, elija el modelo que desee o, para acceder a uno que ya haya comenzado a editar, haga clic en Proyectos y abra la plantilla:
3En la pantalla del editor, para realizar la edición en el proyecto, seleccione la opción que desea:
- Editar imagen - ajustar una ya existente (Ordenar, alinear, agregar efectos, entre otros)
- Agregar imagen - insertar una nueva imagen en la plantilla
Editar imagen
4En la plantilla, haga clic en la imagen que desea editar - Para abrir el panel “Ajustes de la imagen”
5A continuación, seleccione la opción de edición y consulte cómo hacerlo:
- Ordenar
- Alinear
- Definir la transparencia
- Cambiar imagen
- Agregar máscara
- Agregar íconos, formas y GIFs
- Eliminar fondo de la imagen (con consumo de créditos)
- Agregar efectos
- Agregar enlace
También revise cómo:
Ordenar
Define la posición de la imagen en relación con otros elementos que tiene la plantilla:
1En el panel “Ajustes de la imagen”, haga clic en Ordenar
2Luego, haga clic en la opción que desea:
- Hacia atrás – colocar la imagen detrás de textos u otras imágenes.
- Hacia adelante – colocar la imagen sobre los otros elementos:
Alinear
Define la posición de la imagen respecto al espacio de la plantilla:
1En el panel “Ajustes de la imagen”, haga clic en Alinear
2Luego, seleccione la opción que desea:
- A) Alinear a la izquierda – la imagen queda pegada al margen izquierdo
- B) Alinear al centro – la imagen queda centrada verticalmente
- C) Alinear a la derecha – la imagen queda pegada al margen derecho
- D) Alinear al tope – la imagen queda pegada en la parte superior del margen
- E) Alinear al centro – la imagen queda centrada horizontalmente
- F) Alinear al pie – la imagen queda pegada en la parte inferior del margen
Definir la transparencia
Define cuán visible es la imagen en la plantilla, parcial o totalmente transparente.
1En el panel “Ajustes de la imagen”, haga clic en Transparencia
2Luego, arrastre el botón - hasta dejar la transparencia deseada:
Cambiar imagen
Para usar otra imagen disponible en la galería de HostGator Studio.
1En el panel “Ajustes de la imagen”, haga clic en Cambiar
2Luego, seleccione la opción que desea:
- A) Buscar imágenes – usar una opción disponible en la galería del editor;
- B) Mis imágenes – usar alguna imagen suya que haya insertado en algún proyecto o en sus archivos; seleccione la imagen, arrástrela y suéltela en esta sección.
3Para añadirla al template, haga clic en la imagen elegida:
Agregar máscara
Para definir la forma de la imagen, que puede ser cuadrada, rectangular, circular, entre otras.
1En el panel “Ajustes de la imagen”, seleccione la forma deseada:
- Sin máscara
- Cuadrado
- Estrella
- Hexágono
- Circular
- Triángulo
- Rombo
Agregar efectos
Para modificar colores y aspecto de la imagen:
1En el panel “Ajustes de la imagen”, en “Agregar efectos”, haga clic en el efecto deseado:
- A) Eliminar efecto – para volver al color original
- B) Duotono – la imagen tendrá dos colores seleccionados
- C) Black/white – la imagen en escala de grises
- D) Desenfocado – efecto borroso
- E) Vintage – aspecto antiguo
- F) + Filtros – más opciones de filtros y tonos
Recortar
Para eliminar partes de los bordes y mantener solo la zona deseada:
1En la plantilla, haga clic en la imagen para seleccionarla
2En el borde, arrastre los rectángulos y arraste hasta la posición que desea para recortar:
Cambiar el tamaño
Para aumentar o reducir el tamaño de la imagen:
1En la plantilla, seleccione la imagen
2En el borde, arrastre los círculos para cambiar el tamaño:
Eliminar
Para eliminar la imagen del template:
1En la plantilla, seleccione la imagen
2En el panel “Ajustes de la imagen”, en la esquina superior derecha, haga clic en el ícono de la papelera