Parte 2: crea una fuente SVG en Photoshop | Ria Green | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Parte 2: crea una fuente SVG en Photoshop

teacher avatar Ria Green, Surface Design, Illustration&Photography

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      1 introducción: fuentes de SVG en Photoshop

      0:50

    • 2.

      2 ¿Qué son las fuentes de SVG

      1:00

    • 3.

      3 Qué es el creador de fontself

      0:29

    • 4.

      4 Fontself en Photoshop

      1:52

    • 5.

      5 Building tu fuente en Photoshop

      3:14

    • 6.

      6 Importar a Fontself en Photoshop

      4:37

    • 7.

      7 espaciados y Kerning

      4:16

    • 8.

      8 nuevos estilos y recoloreado tu fuente

      3:34

    • 9.

      Proyecto de 9 clase

      0:30

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

237

Estudiantes

1

Proyecto

Acerca de esta clase

En esta clase aprenderás a crear una fuente de SVG en Photoshop. Las fuentes de SVG o Opentype SVG pueden tener colores, sombras, texturas y transparencia y son el nuevo niño en el mundo del diseño del mundo Déjame mostrarte cómo hacerlos :)

Conoce a tu profesor(a)

Teacher Profile Image

Ria Green

Surface Design, Illustration&Photography

Profesor(a)


I'm a Surface Designer, Illustrator and Photographer from sunny Bloemfontein, in the middle of South Africa.

I am married to Brent, and we have two children, a girl, Caitlin and a boy, Joshua. We have three dogs, two cats, two hamsters and a goldfish!

I'm crazy about pretty fonts and beautiful patterns!! 

 

 

Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. 1 introducción: fuentes de SVG en Photoshop: ¿ Has oído hablar de los fondos de Hbg? También se llama mapa de cama o dibuja los fondos que son el nuevo chico en el bloque en diseño gráfico . Y quiero mostrarles cómo hacer las suyas en tienda posterior usando los fondos fuera de extensión yo todos, mi nombre es realmente soy diseñador de servicios y fotógrafo todo el camino desde cómo la gente une cerca En este cierre, lo haré te muestran cómo crear tu SPG textural fronting más tienda y también cómo importarlo a los fondos fuera de extensión. Te mostraré cómo manejar las especias y apagar tu teléfono y cómo crear personajes y ligaduras especiales . Esta es la segunda parte en mi Siri's esa Miss Board uno que se trata de crear fondos Victor de colores en Illustrator, tengo que verte ahí 2. 2 ¿Qué son las fuentes de SVG: Para aquellos de ustedes que han visto bordo uno, podrían ser algunas definiciones e instrucciones que se repiten. Pero es sólo para dejar esto claro a todos los estudiantes. Entonces, ¿qué son SVG? Granjas que son abre fondos que pueden tener múltiples colores, tonos, texturas y transparencia. Pueden ser ya sea formas de Victor o pero imágenes de mapa, y puedes hacerlas usando los frentes fuera micro extensión en tienda de fotos o ilustrador. Creamos un CVG bit mapeados teléfonos en más tienda y el maestro. Mi cosa zing es que puedes conservar toda la textura en tus fondos. Es todo para ver en pantalla, pero eres un cierre de cerca. Qué divertido. Se trata de una tecnología totalmente nueva, y aunque no son compatibles en todas las plataformas y en todas las aplicaciones, Yates solo crecerá y se expandirá en el futuro. Tres grandes sistemas operativos o realmente apoyan fondos SPG tipo abierto 3. 3 Qué es el creador de fontself: Echemos primero un vistazo a los fondos fuera de mega. Se trata de una extensión para Photoshop o Illustrator que te permite convertir cualquier letra en profesional, abre fondos. En Photoshop, te permite hacer fuentes SVG, también conocidas como bitmap o ross funds. Él compra estas extensiones por separado, pero realmente recomendaría nacer si trabajas en ambas aplicaciones porque hay un mayor ahorro si compras ambas al mismo tiempo. En mi opinión, es con cada guardado. 4. 4 Fontself en Photoshop: De acuerdo, echemos un vistazo al auto telefónico. En tienda más, puedes hacer clic en extensiones de ventana y luego fondos fuera fabricante, pero he arrastrado la extensión a mi panel lateral para un fácil acceso. En primer lugar, quiero mostrarles sus plantillas. Da click en el menú desplegable dentro de los fondos fuera, y lo encontrarás ahí. Te ayudará cuando creaste tu teléfono, sobre todo para ver si has creado todos los personajes necesarios. Simplemente puedes apagar las instrucciones. Como verás, encontrarás todos los caracteres básicos de la plantilla, así como caracteres y símbolos de avance. Simplemente puedes crear tu fondo encima de este. Si entramos en las vidas fuera del estado, deja que veas que todas las capas sobre el amor excepto la parte superior vuelan lejos. Deberías crear tu diversión. Si abrimos estas mentiras, verás que cada personaje es por su cuenta mentiroso separado, y ese mentiroso lleva el nombre de ese personaje. Este es nuestros fondos fuera, reconoce a cada personaje al importar y le da el lugar correcto en tu teléfono que además tienen estas guías lo arriba. The Baseline Guide es la guía más importante y toda la segunda parte de los fondos fuera que te ayuda a financiar la importación correctamente. No hay mucho que ver por el momento, pero verás cómo cambia la interfaz al votar nuestro fondo. Si deseas crear un fondo totalmente nuevo, solo empezarás a importar arrastrando tu frente a la caja. Pero si quieres agregar un nuevo estilo a una familia de fondos existente, primero abrirás un fondo y luego haz clic en Nuevo y luego en una nueva estrella. Te volveré a mostrar luz, Así que empecemos primero. Recuerda configurar siempre tus documentos en RGB Callum mal cuando empieces a divertirte y también asegúrate de que sea un documento RGB cuando quieras escribir con tus amigos. 5. 5 Building tu fuente en Photoshop: Quería un fondo de fondo que pudiera usar en mi trabajo de diseño fuera de curso, uno que luciera la increíble textura que ahora es posible con los fondos SPG. Decidí no diseñar este en color, sino más bien monograma, ya que siempre cambiaría los colores para ir con mis diseños de cualquier forma. Pero es posible diseñarlo en diferentes colores desde el get go go que está completamente detrás de ti. Tantas posibilidades. Dibujé a mis personajes con látigos de Carl. Este chico llora sobre, y me aseguro de que fueran al menos 750 píxeles por 750 píxeles por personaje. Eso puede ser más pequeño pero tratando de no ir más grande. Si tus personajes son demasiado grandes, los fondos fuera te darán una advertencia a la importación, así que es mejor solo empezar con llegado, menciono. Si no estás seguro, solo tienes que crear tus personajes encima de la plantilla ya que es del tamaño perfecto. Pero Matt Farms seguirá así de manera adecuada a la resolución de impresión o en una calificación en este plan . Recuerda que los píxeles más viejos no fruncian tan bien como los vencedores, pero no los teléfonos pueden al menos darte increíbles accesorios, colores y formas, y pronto se usarán en todos los navegadores, smartphones y aplicaciones. Tan pronto como termine con mi fondo, solo empiezo a aprenderlo en las plantillas. Selecciono un personaje con la herramienta menor y luego lo arrastro al mismo plano. Yo lo muevo a pliegues. Y nueve. Es mentiroso correctamente. Recuerda a nueve cada capa después del personaje que está en ese mentiroso. Esto es muy importante después de darme cuenta de todos mis chicos superiores e inferiores más tarde, empieza con símbolos y números. Después de eso, procederé con personajes especiales. Ya verás que había algunos símbolos que no diseñé. En cambio, acabo de colocar mis personajes extra o alternos en esas caras. Este marca cualquier diferencia Siempre y cuando tu personaje esté en la posición correcta. Con respecto a la línea de asesoramiento y el nombre del mentiroso correctamente, puede estar en cualquier parte de la plantilla, ya que estas son las únicas dos cosas en las que se autoconfía el fondo para importarlas correctamente. En el próximo puerto, comenzaremos a importar nuestro fondo al frente sur. Nos vemos allí 6. 6 Importar a Fontself en Photoshop: ahora vamos a empezar a importar son divertidos a las fuentes apagadas. He organizado mis capas para que todos los capiteles estén juntos y así sucesivamente. Seleccionaré la fila superior de la mesa. En primer lugar, notarás que mis W y mis son no están seleccionados ya que los coloco en la línea de base en la carretera de fondo. No puedo seleccionarlos ahora, también, como usando más de una línea base a la vez. No te divertirás yo saber qué línea base usar para colocar a tus personajes, pero como sus suplentes, no es problema. Simplemente los importaremos un poco más tarde, después de seleccionar la fila superior, los arrastraré a la caja. Verás divertidos espectáculos Sur esperas a dejarlos después de la capital más tarde, solo puedes continuar con la carrera. También puedes usar los botones de la parte superior para importar tus personajes. Puedes usar la batuta por lotes para todos los personajes especiales. Siempre solo paso por ellos al final. Ves que me coloqué correctamente. Ahora empezaremos a importar nuestros suplentes desde abajo alrededor En alterna. Más tarde es otra variación de tu posterior. Pueden ser más de uno y esto solo le dará al usuario de tu teléfono más opciones de esta manera que se pueden mezclar y emparejar sin mucho esfuerzo. Los fondos fuera te preguntarán si quieres reemplazar a tus personajes, pero solo elige alternativo en su lugar. Sólo un ejemplo rápido fuera de los personajes especiales. Son mentirosos también deben tener el nombre del personaje que está en él. Y luego también debería importarme como de costumbre con la batuta, y luego verás que voy a aparecer en tu fondo. Estos personajes especiales son bastante importantes para apoyar otros idiomas, Así que si pretendes en fans de siete años profesionalmente, es muy importante que crees estos antes de esta diversión. En realidad no los he creado todos, pero lo haré si decido que lo haré. Por lo que también he creado ligaduras. ligadura ocurre cuando dos letras una junto a la otra se unen como un sencillo más adelante por la forma en que se ven una al lado de la otra. Cuando hablas con cordones juntos, sí, auto divertido lo importará automáticamente como una ligadura. Simplemente tendrías que elegir entre una ligadura estándar o una ligadura discrecional. La diferencia es que con el estándar automáticamente tecleará de esa manera, y con discrecional, el usuario tendrá que elegirlo mientras arrancar fondos detectará automáticamente ahí. Se trata de una ligadura cuando tiempo a más tardar uno al lado del otro en la caja e importarlo como tal. Si solo elegimos ligadura y hacemos clic en los fondos por lotes lamentablemente no se incluirán con gran nombre. Por lo que sólo tendrás que quitar tres minutos 29 Cualquier personaje, solo puedes hacer click en la cajita debajo de ellos. Después de importar mi fondo, entraré al fondo, te informaré y llenaré todos los detalles sobre este frente. Antes de guardar nuestro fondo, primero veremos las especias y puedes ver en el siguiente. 7. 7 espaciados y Kerning: después de haber importado a todos nuestros personajes, es importante afinar nuestros fondos, especiar y girar. En primer lugar, veremos especiar en la página principal de los fondos fuera. Para empezar, ajustaremos nuestros personajes en este bloque inferior. Puedes agrandar cada vez más tarde haciendo clic en las flechas en la parte superior izquierda y Fiona, y esto te ayudará con ajustes más finos. Después de esto, entraremos al menú anticipado, donde encontrarás dos menús más, uno para picante y otro para entrenamiento. Si has ajustado especiar a tus personajes individuales en el menú de inicio, espaciado ya debería estar resuelto en su mayoría en este menú anticipado, por lo que podrás encontrarte en todo, sobre todo si piensas vender a tus amigos en el menú picante. Tienes tres áreas importantes en la cuadra. En la parte inferior izquierda, encontrarás palabras por las que puedes pasar para ver cómo se ve realmente tu especiado. Toma nota de que los personajes especiales en gris son los que no creé, y serán reemplazados por una diversión regular. Si intentas detenerlos con este fondo, también verás si los personajes no se ven del todo bien. Al igual que este ex mío. Tendré que arreglarlo. Como pueden ver, tendré que trabajar en mi especiado con esta diversión. Pero me encantan las irregularidades. Es exactamente lo que quería. Puedes escribir palabras en el bloque en la parte superior, y luego puedes hacer clic en caracteres individuales para cambiar su especiado. También cambiarán los valores de espaciado del lado derecho, y año podrás intervalores manualmente. Después de terminar con el especiado, entraremos en el menú de giro. giro es el proceso de ajustar el especiado entre los pagos de caracteres que se usan juntos con frecuencia. Es importante ayudar al espacio a lucir la base óptima uno al lado del otro. Cuando lo uses para actuar con tus fondos, no necesitarán ir y una justicia porque lo habrías hecho y exportado todos los valores de entrenamiento con tu padre en la parte inferior izquierda y bloque Fund South ha proporcionado un sin palabras con todos los posibles bahías giratorias, pasar por todos ellos y una llanura justa estos asirios. Puedes escribir estas palabras para hacer cambios en el bloqueo superior y a la derecha y el tiempo verás estas fase de entrenamiento y ellos valorizan a medida que cambian. También puedes cambiar el tamaño de la vista previa aquí para ayudarte aún más. También verás que el auto divertido proporciona lista fuera de tomas de muestra para ayudarte con ganar días. Basta con hacer click en los diferentes números y símbolos de A. B. B. C en la parte superior. Abrirlos en el giro es súper importante cuando estás planeando vender tus fondos. Ahora que hemos terminado con especiar y aprender, podemos guardar nuestro teléfono click en el botón de inicio y luego inseguro. Dale tu diversión fresca esta noche corsé. De acuerdo, encuentra tu carpeta y haz click en el sitio. Verás aparecer un bloque verde en la parte inferior, pincha en frente abierto, luego instala tu fondo y estarás listo para empezar a hablar. Quiero que también echen un vistazo a la mejor advertencia de mapa con un pequeño triángulo. Siguiente peso, te encontrarán un poco más en para sobre mis fondos y donde actualmente hay apoyo En el siguiente segmento, usaremos tu fondo y te mostraré cómo leer asalariados también. Nos vemos allí 8. 8 nuevos estilos y recoloreado tu fuente: Ahora quiero mostrarte cómo agregar más estilos a tu frente. Piensa en tus versiones atrevidas y cursiva habituales como diferentes estilos en la misma familia de frente. Digamos que has creado una versión audaz de tu pie y quieres agregarla como otro estilo a este fondo para que sean parte de la misma familia de frente. Esto es lo que harás. En realidad no he creado nuevo estilo. Yo sólo voy a usar las 12 demostraciones regulares. Da click en Nuevo y conocían Star. Dale un nuevo nombre y haz clic en chicos fuera. Ahora empieza a importar tu nuevo estilo. Lo maravilloso de agregar a una familia existente es que también se puede importar el espaciado familiar de fondo y valores de giro. Si vas por adelantado Mayo, verás la batalla especiadora de importación, click en ella y elige el estilo que quieres importar despreciando de mismo con los bateadores en fort girando, click en ella y de nuevo elige el estilo que desea importar. El aprendizaje de esto es un maravilloso ahorrador de tiempo. Entonces recuerda guardar este nuevo estilo. Guardé la mía en la misma carpeta que el resto de esa familia de frente. Ahora empecemos a escribir. No creé este fondo en color, ya que sabía que lo usaría en diferentes proyectos de diseño, que todos requerirían diferentes colores. Por lo que quiero mostrarles cómo lo recuperaría. Primero tipo electoral, luego haga clic en efectos en el panel de capas justo en la parte inferior. Elige superposición de color. Haga clic en el color y el recolector de color se mostrará. Y Jokela tu fondo es de color y solo mira esa maravillosa textura. También solo quiero mostrarte, Artie re color tu fondo en ilustrador Así siento diseño y asegurarme de que es exactamente como lo quieres, porque necesitarás asarlo, levantarlo, cosas elegidas y dar click en objeto. queso Ross Rise ya sea hi y transparente. Haga clic en Aceptar, piense dar click en, Edit it colores y solo balance de color. Apta en convertir y previsualizar y empieza a jugar con los deslizadores y eso es todo. Tienes un hermoso frente SVG 9. Proyecto de 9 clase: Para tu proyecto de clase, quería hacer tu fuente SVG en Photoshop y pasarla a la pérdida de ese vehículo diciendo, gracias por llevarme mis defectos y también estar al pendiente de mi otro cercano, que es todo sobre archivos de elevador en Illustrator han engañado aire.