We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. Graphic Styles

Cómo instalar y utlizar un estilo gráfico en Adobe Illustrator

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Óscar Salas Fernández (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los Estilos Gráficos pueden ser un recurso maravilloso para cualquier ilustración o creación gráfica en Adobe Illustrator. En este tutorial de consejo rápido, conseguiremos y descargaremos un lote de estilo gráfico de Envato Market, instalaremos el estilo, lo usaremos y lo editaremos. ¡A trabajar!

1, Descarga e Instala el Estilo Gráfico

Paso 1

Para los propósitos de este tutorial, usaré el Estilo Gráfico de Diamantes y Oro Estampado Diamante Plus comprada y descargada de Envato Market.

Descarga tu archivo y descomprime la carpeta. Si estás en un Mac, simplemente Doble Clic. Si estás usando Windows, Botón Derecho y pincha Extraer Todo.

El archivo del estilo gráfico está localizado en la carpeta etiquetada Coloca este archivo en la App de Illustrator.

Download and unzip your graphic style stock filesDownload and unzip your graphic style stock filesDownload and unzip your graphic style stock files

Paso 2

Vamos a mover el archivo de las acciones a la carpeta de Acciones predeterminadas. En un Mac, probablemente lo encontrarás en Aplicaciones/ Adobe Illustrator CC 2015/ Predeterminados/ en_us/ EstilosGráficos. Esto variará de acuerdo a tu versión. Para usuarios de Windows, probablemente lo encontrarás en C:\ ArchivosdePrograma\ Adobe\ AdbeIllustrator CC 2015\ Predeterminados\ en_US\ EstilosGráficos a menos que hayas especificado una localización diferente para que sean guardados tu programa y los archivos relacionados.

Copia el archivo estilo_diamante.ai en tu carpeta predeterminada (especificada arriba). Ahora serás capaz de recuperar fácilmente tu estilo del panel mismo de Estilos Gráficos.

Paste your graphic style file into the preset folderPaste your graphic style file into the preset folderPaste your graphic style file into the preset folder

2. Aplicar Estilos Gráficos

Paso 1

Vamos a empezar con uno de los archivos proporcionados en la descarga: estilo_diamante.ai. La Mesa de Trabajo ya está llena con algunos gráficos con los dos estilos gráficos aplicados como se ve a continuación.

check out the graphic style applied to stock graphics within the provided ai filecheck out the graphic style applied to stock graphics within the provided ai filecheck out the graphic style applied to stock graphics within the provided ai file

Paso 2

Crea una Nueva Capa y esconde las otras capas del gráfico en el panel de Capas. Utilizando una herramienta forma, tal como la Herramienta Estrella, dibuja una estrella sencilla dentro de la Mesa de Trabajo.

create a new layer and new object with the star toolcreate a new layer and new object with the star toolcreate a new layer and new object with the star tool

Paso 3

Abre el panel de Estilos Gráficos. En él verás nuestros dos estilos del lote de la descarga: diamantes pequeños y diamantes grandes.

Open the graphic styles panel and check out the downloaded stylesOpen the graphic styles panel and check out the downloaded stylesOpen the graphic styles panel and check out the downloaded styles

Paso 4

Selecciona la forma de tu estrella y después uno de los estilos del panel de Estilos Gráficos. ¡Instantáneamente tu sencilla estrella blanca es transformada en una estrella renderizada con joyas! Los Estilos Gráficos pueden crear instantáneamente una ilustración o un diseño acabado, listo para un surtido de medios web y de impresión.

Apply your new graphic style to your objectApply your new graphic style to your objectApply your new graphic style to your object

3. Cargar Estilos Gráficos en un Nuevo Documento

Paso 1

¿Y si no quieres usar el archivo AI proporcionado? ¿Y si quieres cargar el Estilo Gráfico en tu documento nuevo o de trabajo? ¡Vamos a hacer eso ahora! Crea un Nuevo Documento en Adobe Illustrator y abre el panel Estilos Gráficos. Date cuenta de cómo un puñado de estilos predeterminados son visibles, pero nuestros nuevos estilos que usamos en el archivo anterior no lo son.

Ve a las Opciones del panel> Abre la Biblioteca de Estilo Gráfico> estilo_diamante para cargar los estilos descargados que pusimos en la carpeta predeterminada anteriormente.

Locate and load your graphic style fileLocate and load your graphic style fileLocate and load your graphic style file

Paso 2

Esta vez, usa la Herramienta Tipo (T) para mecanografiar algo de texto con la fuente de tu elección. Aplica el Estilo Gráfico del panel de Estilos Gráficos. Tu texto será renderizado, pero permanece como texto editable frente a contornos.

4. Editar un Estilo Gráfico

Paso 1

Vamos a editar el estilo que se aplica actualmente a nuestro texto. En el panel Apariencia puedes ver todo lo que ha pasado al crear el estilo: pinceles, patrones y degradados. Date cuenta de que los degradados son aplicados al Desplazamiento, y el pincel es un pincel de dispersión centelleante que baila alrededor del exterior de la palabra.

check out the appearance panel to see everything that went into the graphic stylecheck out the appearance panel to see everything that went into the graphic stylecheck out the appearance panel to see everything that went into the graphic style

Paso 2

Con tu texto seleccionado, elige uno de los degradados del panel de Apariencia. Abre el panel Degradado y puedes ajustar el Degradado Lineal que ha sido aplicado a tu diseño.

Open the gradient panel to edit gradientsOpen the gradient panel to edit gradientsOpen the gradient panel to edit gradients

Paso 3

Por bien del ejemplo, vamos a cambiar el degradado en bronce a un pequeño arcoíris. Edita, añade, o borra colores como veas que queda bien.

Change the gradient applied to the graphic styleChange the gradient applied to the graphic styleChange the gradient applied to the graphic style

5. Escala del Estilo Gráfico

Paso 1

Una pregunta común es cómo modificar la escala de un estilo gráfico una vez aplicado a un objeto. Para esto comenzamos en Preferencias (Control-K). Necesitarás tener seleccionadas tanto Transformar Azulejos como Escalar Trazos y Efectos para permitir al estilo transformar tu objeto completamente.

Youll want to have both Transform Pattern Tiles and Scale Strokes Effects selected in order to allow the style to transform fully with your objectYoull want to have both Transform Pattern Tiles and Scale Strokes Effects selected in order to allow the style to transform fully with your objectYoull want to have both Transform Pattern Tiles and Scale Strokes Effects selected in order to allow the style to transform fully with your object

Paso 2

Con estas dos opciones seleccionadas todos los trazos, los patrones, los pinceles y los efectos se transforman como lo haría cualquier objeto amplificado. Esto te permite Escalar tu objeto a tu antojo mientras sus características permanecen fácilmente editables.

With these two options selected strokes patterns brushes and effects all transform as any expanded object wouldWith these two options selected strokes patterns brushes and effects all transform as any expanded object wouldWith these two options selected strokes patterns brushes and effects all transform as any expanded object would

Paso 3

Alternativamente, si deseleccionas las dos opciones, las caracerísticas de tus estilos permanecerán constantes y se adaptarán a los cambios que le has hecho a tu objeto. Si estás Escalando, Girando, o alterando un objeto de otra manera, el estilo se ajustará al objeto. Depende de ti exclusivamente qué opciones te gustaría habilitar y cómo quieres escalar tu estilo.

Deselecting the two options allows your style to adapt to your objects changesDeselecting the two options allows your style to adapt to your objects changesDeselecting the two options allows your style to adapt to your objects changes

¡Gran trabajo, lo conseguiste!

Puedes editar libremente otros aspectos de tu objeto desde el panel de Apariencia sin alterar tu archivo del Estilo Gráfico. Los Estilos Gráficos hacen fácil renderizar objetos, texto y más dentro de un diseño. Además, tienes la capacidad de editarlos como veas adecuado, siempre y cuando el contenido que has descargado permita que se hagan tales ediciones.

Graphic styles make text effects easyGraphic styles make text effects easyGraphic styles make text effects easy
One subscription.
Unlimited Downloads.
Get unlimited downloads