Guía visual de marca para emprendedores: comienza de manera simple en Adobe Illustrator

1. Bienvenida e introducción: ¿Eres dueño de una pequeña empresa o emprendedor que necesita una marca, pero quiere tener un control total sobre tu apariencia, o tal vez eres una marca personal que necesita lograr cierta consistencia en tus redes sociales ¿Buscas ampliar tu conjunto de habilidades creativas con Adobe Illustrator? Si algo de esto te suena, espero que hoy te unas a mí. Hola, soy Kathleen Lyons. Soy artista y comercializadora digital radicada en Nashville, Tennessee Me gradué de la Universidad Audubn con una BAN R y comencé mi carrera como diseñadora gráfica fuera de Chicago Hoy, paso de nueve a cinco en el espacio del marketing digital y paso mis noches y fines de semana persiguiendo mi carrera creativa. Vendo mis diseños en sitios impresos bajo demanda como Society six, burbuja roja, flor cuchara, así como mi propia tienda de Etsy Durante los últimos 15 años, mi especialidad ha estado en el espacio del marketing digital, desde el desarrollo y pruebas de sitios web hasta el marketing y la gestión de marcas. He trabajado y proporcionado estrategias para pequeñas startups a empresas Fortune 500. Con proyectos que van desde mejoras básicas del sitio, no olvides revisar mi clase de SEO. Dos planes completos de marketing. Hoy te voy a mostrar una manera fácil de comenzar con adobe Illustrator creando tu propia guía de marca. Seguirás mientras te señalé paso a paso, cómo darle vida a tu marca definiendo tu paleta de colores, tipografía y estilo de fotografía Tu marca será reconocible de un vistazo. Las clases están diseñadas pensando en los principiantes. Sin embargo, mis diseñadores más experimentados probablemente disfrutarán obteniendo una plantilla gratis y tal vez un repaso o dos ¿A qué estamos esperando? Empecemos con la marca. Veré toda la siguiente lección. 2. Proyecto de clase: Tiempo de proyecto de clase. Siempre es mi favorita. Pero para éste, va a ser muy sencillo. Ya lo hemos pasado. En esta clase, estarás desarrollando tu propia guía de marca de una sola página, ya sea para tu marca personal o negocio. En cuanto a materiales, necesitarás una computadora portátil y también necesitarás acceso a Adobe Illustrator. Y si aún no lo tienes, no te preocupes, hay pruebas gratuitas disponibles. Asegúrate de descargar eso y configurar una cuenta. Hablando de eso, nuestros pasos van a ser bastante fáciles. Accederás a tu cuenta existente o configurarás una prueba para que puedas comenzar con Adobe Illustrator. Entonces te voy a caminar paso a paso sobre cómo usarlo. Hay tres plantillas diferentes para que puedas elegir cuál funciona mejor para ti. Una vez que hayas obtenido todos tus datos, solo escríbenos, luego los exportaremos y los compartiremos. Hablando de compartir, me encantaría lo compartieras en la sesión del proyecto. Quiero ver qué están haciendo todos ustedes y qué hay ahí fuera en cuanto a su marca. Si te encuentras con algún problema, comunícate con nosotros. Siempre estoy feliz de ayudar. Te veré en la siguiente lección. 3. Conceptos básicos de la marca: En esta lección, hablaremos algunos conceptos básicos de la marca y lo que incluiremos en su guía de marca de una sola página. Ya sea que estés branding para tu marca personal o para tu negocio. Es importante mantener un estilo y una personalidad consistentes que sean reconocibles para tu público Esto comienza con tu logo y marca de marca. Esta clase sí asume que tienes uno. Si no, hay toneladas de grandes clases en la plataforma para crear un logotipo. Adelante y échales un vistazo. Pero lo más probable es que ya tengas un logo. Justo ahora mismo estás buscando consistencia. Entonces lo que hoy vamos a desarrollar es el resto de esa identidad visual. Comenzaremos definiendo la paleta de colores. Esto es importante para diversas aplicaciones. Entonces, si es tu web o impresión o tienes un anuncio en cualquier parte, quieres asegurarte de que estos colores estén a punto. Así que también estaremos agregando códigos de color para ayudar a que se mantengan consistentes. La hipografía también ayudará a apoyar el tono y la imagen de tu marca Las plantillas estarán trabajando con L para dos. Sin embargo, esto se puede modificar si tienes más de dos fuentes. Idealmente, quieres quedarte alrededor de dos, pero tal vez tengas uno que no esté disponible para web y quieras agregar un tercero. Tienes problemas con eso, comunícate. Estoy feliz de ayudarte con ello. Por último, la guía incluirá algunas imágenes de marca para ayudar a definir tu estilo de fotografía. Ilustraciones o patrones, tal vez tengas alguna iconografía Cualquiera de ellos también se puede incluir para ayudar a mejorar la imagen completa de su marca. Aquí hay algunas cosas clave para llevar. Una guía visual de marca ayuda a que usted o su negocio sean consistentes y fácilmente reconocibles Definir tu paleta de colores, tipografía y estilo fotográfico asegurará que tu marca sea visualmente cohesiva Los veré a todos la siguiente lección. 4. Introducción a Adobe Illustrator: Y en esta lección, nos familiarizaremos con Adobe Illustrator y las herramientas que usarás para construir tu guía de marca. Empecemos. Entonces, hay algunas formas diferentes en las que puedes llegar aquí con los enlaces del sitio. Si buscas una prueba gratuita, hay un enlace de borrador o puedes ir a la página. Tengo la página misma levantada aquí. Y como ya soy miembro de Adobe, en realidad me está diciendo que actualice mi aplicación. Pero normalmente, verías allí la prueba gratuita o te registras y luego a medida que te desplazas, verás otra oferta. Entonces si la tuviera, ya sabes, veamos de incógnito Entonces aquí, estoy viendo prueba gratuita o ya. Entonces, si aún no tienes adobe, sigue adelante y configura esa configuración, solo tendrás que iniciar sesión con tu dirección de correo electrónico y registrarte para la prueba gratuita o comenzar tu suscripción. Ahora que tenemos Adobe ya sea estamos conectados o estamos suscritos, vamos a ir a descargar las plantillas. Si vas a las lecciones bajo los proyectos y recursos, vas a ver aquí hay más información, pero a continuación, están los recursos. Puedes seguir adelante y descargar esas plantillas. Quizás quieras descargar los tres, revisarlos, ver cuál va a funcionar mejor para ti. Y luego una vez que los tengas descargados, vamos a abrir Adobe Illustrator. Afortunadamente, porque tenía una actualización. Aquí estoy fresco, así que no hay entornos ni cosas viejas. Esto debería ser muy similar a lo que estás viendo. En lugar de crear un nuevo archivo, podríamos hacer eso aquí donde dice nuevo archivo. También tienes opciones aquí. Ves carta, postal. Estos son sólo tipos comunes. Si estás haciendo algo por video, 1920 por 1080 también es muy común. Ahí van a tener algunos sets rápidos. También puedes crear tableros de arte personalizados, y lo analizaremos un poco más tarde. Pero por ahora, voy a abrir nuestra primera plantilla. Ahora que tenemos estos abiertos, tengo las tres plantillas descargadas. Esta es la primera plantilla. Voy a seguir adelante y apagar estas guías. Te voy a mostrar cómo hacer eso más tarde. Pero esta es la primera. Entonces esto supone que tienes una paleta primaria, entonces este es el color superior aquí, y luego una paleta secundaria, que es la inferior. Da dos fuentes y luego una especie de película, un carrete de fotos para las imágenes de tu marca, ya sean sus fotos o sus dibujos o sus patrones. Eso lo mencionamos antes. Eso es lo que va a bajar en la parte inferior. Entonces esa es nuestra primera plantilla. El segundo es un poco diferente donde estamos viendo algunas variaciones de logotipos. Entonces, si tienes varios colores, esta puede ser una mejor opción, y entonces tal vez tengas una paleta de colores más limitada. Esta sería la plantilla para ti. Y luego, por último, esto combina todos ellos. Entonces, si necesitas un poco más de detalle, o simplemente quieres ser súper minucioso, esta sería la plantilla para ti. Vas a tener tu marca de palabras, cualquier variación de color por debajo de eso, y luego tus paletas de color secundarias primarias, tus fuentes, y luego finalmente las imágenes de marca Así que solo quería repasar una visión general rápida de cada una de las plantillas y lo que hay disponible. A continuación, veremos algunas de las herramientas que usaremos. Entonces, si hasta ahora eres nuevo en los ilustradores, ojalá vaya sin problemas, hemos podido descargar, acceder o iniciar sesión, hemos podido abrir los archivos Y entonces una cosa que más vas a usar son estas herramientas de flecha. Entonces probablemente esté incumplida. Esta es tu herramienta de selección. Así es como puedes seleccionar cualquier cosa que esté aquí, así que esta es una imagen que se va a quedar. Pero cualquiera de estas cajas, estas son formas. Entonces eres capaz de mover estos, eres capaz de ajustarlos. Eres capaz de moverlos, y puedes hacer lo que quieras con estos. Entonces puedes hacer click en las herramientas de texto. Así es como podrás destacar y cambiar estos. Esta será una herramienta muy importante. Este será el que más uses. El atajo para esto es V. Entonces si pasas el cursor sobre estos, te darán ver su selección es V. Verás donde toda la selección directa A si ves aquí Te da el atajo en el teclado. medida que avanzas, comenzarás a recogerlos y aprenderlos, pero también están disponibles aquí si necesitas hacer referencia. La otra gran cosa. Tenemos muchas capas por aquí. Si vas al lado derecho del panel, verás Logotipo, códigos de color, paleta de colores, tipografía, estilo de imagen He tratado de organizar esto lo mejor que puedo. También he bloqueado un par de capas. Este es el guía que estabas viendo antes y luego también el ejemplo mío. Puedes sentirte libre de eliminar esto. Esto es solo para que puedas ver un ejemplo de esa plantilla. Las guías y divisores nos permitirán mantener las cosas alineadas Entonces cuando los vuelvo a encender, vas a ver y vas a guías, puedes esconderte. Entonces es tu comando y punto y coma. También puedes desbloquearlos, lo que te permite moverlos. Normalmente los mantengo bloqueados, pero puedes ocultarlos y encenderlos y apagarlos que solo mandan punto y coma Así que las guardo encendidas cuando estoy tratando de alinear las cosas, que puedas ver aquí Z por ti. Cuando selecciono esto, todo esto está centrado. Aquí tenemos estas guías, y luego las cuadritas. Estoy tratando de centrarlos. Lo mismo para esto. Puedes tomar tu herramienta de selección y arrastrarla y asegurarte de que estás cruzando todas esas cajas. Ahora puedes ver que todas estas cajas también están centradas en esa línea. Lo mismo con esta línea aquí. Solo estamos manteniendo las cosas organizadas alineadas y para que obtengamos una buena cuadrícula Eso es visualmente agradable. Esos están ahí para ayudar. Si no los amas, apágalos , elimínalos. No es gran cosa. Están ahí para ayudarte mientras organizas tu guía de marca. Un par de otras herramientas importantes. Entonces como dije, vamos a poder entrar aquí y agregar estos códigos. Entonces un ejemplo de eso, puedes ver aquí, ya tengo esta, pero la herramienta y cuentagotas me lo permitiría. Entonces esto es aquí abajo. Yo por cuentagotas Yo selecciono el color, y luego lo puedes ver, en realidad, hagamos el morado. Puedes verlo aquí abajo en tus colores, y luego los códigos están todos aquí. Entonces solo hago doble clic en ese color después de usar el cuentagotas, tu código hexadecimal está aquí abajo Y eso se usa principalmente para web. También tienes RGB y luego CMYK, que es en gran parte para imprimir. Para que pueda ir de ahí y simplemente copiar esto. Bien. Voy a recuperar mi herramienta de selección, y solo voy a hacer doble clic en aquí y puedo resaltar y pegar ese código. pasarías y harías eso para tu Hx, tu CMYK, RGB, y luego te mostraré mientras estamos haciendo una lección de paleta de colores, cómo obtener el código pantone Hay un par de formas de hacerlo. De lo contrario, si estás agregando más, sé que mencionamos fuentes. Aquí hay dos. Estos son los agrupados. Puede agregar más simplemente copiando un comando V de pegado, típico, o puede usar su herramienta de texto Si ves T, hay una herramienta de texto, literalmente puedes hacer clic en esa Drawbox. Y escribe tu nueva fuente. Puedes agregar uno de manera bastante simple de esa manera y luego simplemente arrastrar y reorganizar estos, como mejor te parezca. Por lo tanto, permite dos y todas las plantillas, pero siéntase libre de agregar según lo necesite. Ahora, en cuanto a adobe Illustrator, una de las cosas que esto te permite hacer es cuando dibujo una forma. Así que vamos a hacer, me llevo la herramienta de lápiz. Que es n. Si dibujé una forma aquí, esta es una de las grandes cosas de Illustrator. Ahora voy a golpear, la herramienta cuentagotas. Esa forma ahora, como un raster o un JPEG, cualquier cosa que tenga una base de píxeles, empezaría a perder su integridad, simplemente se pondría borrosa y pixelada a medida que la mencioné Lo mejor de los vectores es que mantiene esa línea afilada sin importar lo grande que la haga. Ese es uno de los beneficios. También mantendrá el tamaño de tu archivo bajo si estás usando vectores versus imágenes, y hablaremos más sobre eso a medida que coloquemos nuestro logotipo. Ahora bien, se puede ver que aquí hay dos documentos, esencialmente dos páginas. Estas se llaman mesas de trabajo. La pizarra blanca que hay detrás de aquí es una mesa de trabajo. Si voy a archivar, configurar documentos, editar mesas de trabajo. Entonces puedo cambiar los tamaños de estos. Puedes hacerlo sobre la marcha, y verás ahí obtienes tu ancho y tus alturas. O puedo darle a Enter y hacerlo muy deliberadamente. Incluso puedo cambiar el nombre de la mesa de trabajo. Puedo cambiar la altura, la anchura, puedo hacerla horizontal versus retrato, y hacer muchas cosas aquí. Pero esto va a ser más importante cuando exportemos. Se puede ver que esto es mesa de trabajo dos. Esto es Mesa de Trabajo uno, uno, dos. W a exportar o cuando todos exporten para usar la plantilla, querrán exportar la segunda mesa Nos meteremos más en eso en la última lección. Aquí hay algunas cosas clave para llevar. Adobe Illustrator permite trabajar con vectores, cuales se pueden dimensionar a cualquier dimensión sin perder calidad en comparación con un programa basado en píxeles como Photoshop. Las mesas de trabajo permiten crear varias páginas dentro de un solo documento Las capas y las guías pueden ayudar a organizar su documento. Veré toda la siguiente lección. 5. Añade tu logotipo: En esta lección, te explicamos cómo agregar tu logotipo de marcador Brea existente al documento de la Guía Brea Hay un par de formas de agregarlo y puedes elegir qué plantilla te gustaría. Así que vamos a saltar. Lo primero es lo primero, vamos a agregar nuestro logo. La primera forma de hacerlo es colocarlo. Si tienes una imagen como un archivo JPEG o PNG, simplemente puedes colocarla dentro de tu documento. Vaya al archivo y luego coloque este es el comando Shift. Seleccione eso, y después sólo voy a seleccionar mi archivo. Vas a conseguir esta cosa torpe donde vas a dejar que te siga por ahí Todo lo que tienes que hacer es hacer clic. Y una cosa que hay que saber, estoy haciendo esto dentro de la capa del logo, si quieres mantener las cosas organizadas. Yo sugeriría hacer click, simplemente necesitas hacer click en esa capa y estarás trabajando en ella dentro de esa capa. Así que voy a traer esto y alinearlo a esta caja. Sólo voy a golpear turno mientras hago esto. Y luego lo voy a arrastrar hasta que se ajuste a ese espacio. Ahora la tuya puede tener una forma ligeramente diferente. Está bien, pero trata de incorporarlo a esta sección superior. Entonces ahora que tengo este lugar, voy a bajar a mi logo y donde tengo ese rectángulo y seleccionarlo aquí, simplemente voy a presionar borrar porque ahora no necesito ese contorno para ayudar con la colocación. La otra forma en que puedes hacer esto es si tienes un archivo vectorial. Si tienes a.ai o tienes un punto EPS, SPG también es uno Puedes abrir eso, y esto realmente mantendrá el tamaño de tu archivo más pequeño. La imagen va a hacer que el tamaño de tu archivo sea un poco más grande. Pero el vector, si solo copio tu comunicación de hombre normal, solo voy a copiar eso y traerlo. Nuevamente, sigo trabajando en esa capa de logotipo. Podría haber hecho esto y luego traerlo y decir, voy a mantener presionado el turno y simplemente arrastrar esto. Allá. Y entonces en realidad voy a seguir adelante y eliminar esa foto enlazada y simplemente dejar que ahí. Entonces ahora tengo el vector ahí dentro. Y otra vez, en realidad, vamos a dejarme jugar un poco. Déjenme tomar esta imagen. Cuando estaba hablando en la última lección, cuando mencione esto, finalmente va a quedar pixlatd Se ve en bordes dentados. Esa era la imagen. Ahora voy a sacar eso, y luego quiero mostrarte cuando arrastre este, nunca lo pierde. Siempre es suave, y esa es la diferencia entre un píxel o un vector. Así que solo los vectores FYI también pueden ayudar a mantener tamaños de sus archivos bajos en lugar de importar una imagen Entonces voy a cambiar de marcha a la otra plantilla en caso de que tengas algunas otras combinaciones de colores. Aquí tengo algunos ejemplos míos. Voy a replicar esto sólo para mostrarles un ejemplo. Voy a controlar o comulgar C y B, y voy a dimensionar esto para que encaje en estos círculos De nuevo, estoy manteniendo pulsada la tecla Mayús para que las escalas proporcionalmente. Y yo sólo voy a tirar eso al centro ahí. Ahora puedes encender tus guías y puedes ver que este es Stu ahí Puedo usar lo que ya está en la plantilla para poder seleccionarlo y luego simplemente usar la herramienta cuentagotas y seleccionarlos Es posible que desee hacer esto después haber seleccionado su paleta de colores, que estará en la siguiente lección. Esa es una manera rápida en la que puedes agregar algunas otras variaciones locales e incluirlas si quieres usar la segunda plantilla. Aquí hay algunas cosas clave para llevar. Colocar una imagen le permitirá copiar y volver a vincular fácilmente manteniendo la misma escala para múltiples variaciones locales. La herramienta de escala se puede utilizar para modificar su local sin distorsión. El uso de un vector minimizará el tamaño de su archivo. Veré toda la siguiente lección. 6. Desarrolla tu paleta de colores: Esta es una divertida. En esta lección, vamos a caminar a través de cómo desarrollar su paleta de colores y definir esos códigos de color, para que pueda asegurarse de que es consistente en cualquier plataforma, así como su colateral. Empecemos. Estamos de vuelta en la plantilla dos. Yo seguí adelante y tiré estos. Me doy cuenta del ejemplo que te había dado no tenías un gran contrato. Nos meteremos más en eso más adelante en esta lección. Entonces seguí adelante y tengo estos coinciden con lo que tengo en mi ejemplo. También puedes importar estos. Pero en esta parte de nuestro curso, vamos a echar un vistazo a definir la paleta de colores. Así que ya hemos tocado esto un poco, donde vamos a estar seleccionando nuestros códigos Hex y luego rellenando CMYK, RGB, y luego hablando un poco más sobre Pantone Así que sigamos adelante y saltemos. Tengo un par de recursos para ti. También voy a tener estos en tu sección de proyectos y recursos, que no tengas que intentar escribir enlaces de descarga. Vamos a saltar por ahí. El primer paso es el Cava. El cava tiene una herramienta muy agradable donde puedes subir una imagen y luego usarla para crear tu paleta. Mi única advertencia aquí, todos estos son tonos muy similares, y quieres asegurarte cuando estés en la web específicamente de que estás obteniendo suficiente contraste que sea legible. Déjame copiar este azul. Te voy a enseñar una herramienta. Súper importante. También repaso esto en mi clase de SEO. Si decimos esto es el azul es el fondo. Yo sólo estoy copiando ese código e importándolo aquí, volver a mva, y luego decir, voy a tomar este color más claro, este amarillo Y lo puse por aquí. Ahora ese va a ser mi primer plano. Eso no va a funcionar. Puedes ver aquí y esto es para accesibilidad para asegurarte de que las cosas sean legibles para quienes están en tu sitio o incluso si lo tienes impreso, esto realmente es difícil de leer. Nuevamente, esta es otra herramienta que puedes usar porque puedes empezar a retocar estas, así podría traer esto más oscuro Entonces una vez que esté lo suficientemente oscuro, verás que tengo que hacerlo bastante oscuro para que esos dos pasen todos. Hay diferentes versiones de la misma. Si va a ser texto pequeño, texto grande, obviamente, esos tendrán umbrales un poco diferentes Pero puedes traer eso y jugar aquí. Ese solo sería mi único consejo si estás usando la plantilla Canva Asegúrate de que estás obteniendo suficiente profundidad en tu paleta para que tengas cosas súper contrastantes y no todas del mismo tono. Otra vez, aquí, estás viendo el código Hex. Esto se utiliza principalmente para web. Nos adentraremos en más de CMYK y RGB y algunos de los emparejamientos de Panton a medida que avanzamos por aquí Otra forma en la que puedes elegir imágenes. Sé que vamos a llegar a nuestra marca en estilo fotográfico. Estaremos mirando n Splash, pero quería mostrártelo muy rápido. Puedo copiar esta imagen y luego volver a Illustrator. Ellos iban a usar esto como parte de mi marca npo. Entonces puedo Copiar eso aquí. De hecho puedo empezar, creo que esto tiene una buena gama, así que puedo usar mi herramienta cuentagotas y comenzar a seleccionar colores desde aquí Me gusta mucho este verde. Así se puede ver eso aquí abajo. Y luego tengo este RGB, CMYK, si quisiera hacer que ese sea este color, vamos a agarrar eso otra vez. Ahora, uno, ya que estamos hablando de accesibilidad. Voy a cambiar esta fuente a blanca? Simplemente hagamos clic ahí y podrás seleccionar todo como lo harías en Word o cualquier otro procesador, y luego ir por aquí y seguir adelante y elegir blanco. F aquí, voy a seleccionar ese verde y simplemente copiar la información de aquí. Aquí está mi HX. Bien. Yo voy a seleccionar aquí. Y colóquelo en. Ahora bien, si estuviera compartiendo esto con el equipo o con un diseñador, ellos saben exactamente a qué me refiero Green para cualquier aplicación web. Ahora, CMYK, de nuevo, eso es más de tu tipo de impresión de materiales, y eso está por aquí. Entonces 801-30-6605. Entonces voy a ingresar eso aquí. Nuevamente, solo estoy haciendo doble clic en esta herramienta de texto y luego editando como lo haría en cualquier otra normalidad. Word, PowerPoint, diapositivas, etc. El RGB también es principalmente para pantallas Entonces tuviste una presentación de diapositivas o algún tipo de video o algo así, vas a estar mostrando digitalmente Vas a querer incluir tu RGB también. Vamos a agarrar que es 40 11 e cinco. Ahora tengo eso bastante bien definido. Llegaremos al último tono Pan. Pero esto es bastante bueno. Yo ahora mismo, solo uso el código Hex porque principalmente lo que hago es en línea. Si estuviera haciendo más colateral, quiero asegurarme de que tengo ese CMYK en el tono Pan. Puedes pasar y solo usar esta imagen. De nuevo, solo estoy jalando con el recogedor de color. Y usa eso como tu inspiración. La herramienta Cava también es muy útil, pero si quieres personalizarte un poco más, siéntete libre de hacerlo. Voy a sacar un par más. Nuevamente, volverás a través y luego identificarás cada uno de estos. Puedes mezclarlos alrededor, sin embargo si quieres un degradado o algo así. Pero pasa y prueba un par de opciones. Puedes probar con Cava si ya tienes una imagen que solo te hable o hable con tu marca, o puedes ir y usar Splash, tiene imágenes libres de derechos. Tengo muchos florales y animales en mi trabajo, así que eso le habla más a mi marca, lo saco de eso hacia arriba. También voy a incluir un artículo que creo que es realmente genial para medio sobre la paleta de colores de tu marca y por qué es importante. Entonces esto es justo en el principio y decir 85% dicen que el color fue la razón principal por la que compraron algo. Así que para tu negocio, puede ser súper importante. Pero también es asegurarse de que seas reconocible. Sabiendo que tu público es como, Oh, eso se ve así y así, solo por las imágenes, solo por los colores y la forma que tienes tu fotografía, la forma en que usas tus colores juntos. Van a ser muy importantes. También lo vincularé a los recursos del proyecto. También te animaría a que mires Pinterest. Hay muchos ejemplos de paleta de colores diferentes, y se puede ver donde esta tiene mucho gran contraste, y luego algunos de estos no. Asegúrate de estar atento a eso, estudia algunas cosas que ya están en el mercado. Y luego piensa en lo que va a funcionar para ti en tu negocio. Y por último, lo prometo a Pantone. Entonces Pantone es un sistema de emparejamiento. Entonces, si estás haciendo algo que se va a producir como pieza física, esto probablemente sea ideal. Si tienes señalética, si tienes bolsas, ropa, algo así, es muy importante tener tu pantone a punto Entonces hay versiones pad de esto donde puedes usar pantone oficialmente También hay libros. En realidad tengo un par de libros. Hay diferentes versiones. Te animaría Voy a vincular esto también para leer más toies Mientras tanto, hay herramientas en línea que te acercan bastante. Sé que seguimos volviendo a Hex. El código Hex te mostrará lo cerca que puedes llegar a un pantone Déjame volver a la mía y tirar este verde para ti. Hagamos un ejemplo en vivo. Voy a copiar este código Hex. Y vuelve y solo copia eso aquí y voy a acercarme bastante. Entonces probablemente estaría entre estos dos. Nuevamente, tener el folleto es realmente útil. Así que muchas veces voy a usar esto para meterme en el estadio de béisbol, y luego iré a revisar mis tarjetas Y a veces va a tirar un poco más azul o un poco más frío o más cálido, y voy a elegir en base a eso basado en lo que me gusta y lo queda o creo que mejor alineado con mi marca. Aquí hay algunas cosas clave para llevar. Una paleta de colores definida ayuda a tu audiencia a reconocer fácilmente tu marca. La herramienta cuentagotas es una forma rápida de seleccionar colores específicos de las imágenes definición de códigos de color como Hack, RGB, CMYK y Pantone garantiza la consistencia Veré toda la siguiente lección. 7. Define tu tipografía: Bien. No es tan divertido como el último, pero sigue siendo bastante divertido. En esta lección, vamos a estar definiendo tus tipos de letra para tu marca Si encuentras algo en línea, pero no estás muy seguro de lo que es. A veces nos enamoramos de esos, y es muy difícil igualarlos. Tengo un secreto para ti. Así que comencemos. Estamos en la tipografía o tus tipos de letra en tu plantilla. Nos vamos a quedar con éste. Si seguí adelante y actualicé esto para que coincida. Yo saqué de esa imagen sólo para mantenernos cohesionados. El siguiente va a ser la tipografía. Tengo aérea y tiempos nuevos romanos aquí. Estas son solo fuentes básicas. Siempre son lo que por defecto y palabra y punto duro, etcétera Pero idealmente, quieres tener dos fuentes y quieres que sean complementarias entre sí. Me gusta tener un San sera siempre me inclino hacia San Serra si son más modernos, pero depende de la marca. Puede que tengas algo un poco más sofisticado, en cuyo caso quieres ser font. La diferencia entre esos es aéreo es el San sera, no hay pies. Y entonces en tiempos rom se puede ver un poquito de pies. Esa es la diferencia entre Sansa y sera cuando estamos hablando a través de esos En general, me gusta mantenerlo a dos. No quieres conseguir demasiados, se vuelve abrumador, pero hay momentos en los que tienes una web o algo en el que no está disponible de inmediato, o simplemente quieres tener una especie de esas fuentes manuscritas para ayudar a resaltar las cosas De nuevo, si tienes problemas para agregar un tercio, avísame. Estoy feliz de ayudar. Pero en general, vamos a quedarnos con una o dos fuentes y asegurarnos de que se complementen entre sí y también sean fáciles de leer. Voy a abrir pop. Las fuentes de Adobe suelen ser donde empiezo a buscar. Ellos sí tienen algunos que son tendencia, tienen nuevos lanzamientos. Pero te animaría a echar un vistazo y comenzar hay personalidad a través de cada uno de estos. medida que atraviesas, estás viendo que algunos de estos son más modernos, algunos de ellos son fornidos y divertidos Hay otros que dan más miedo o más, viejos tiempos o algo que sería más vintage. medida que estás atravesando, piensa cómo quieres que aparezca tu marca, y ¿qué tipo de tono quieres proyectar? Me gusta, ¿Eres sofisticado, eres más divertido y juguetón? Esas cosas se pueden comunicar con parte de la tipografía que estás usando De nuevo, trata de mantenerlo a dos, pero si quieres algunas de estas fuentes manuscritas. Esos son divertidos. Adelante. Ve por ellos. Se pueden utilizar como acentos. Simplemente no lo usaría como fuente primaria. Ahora, encontraste uno que te encanta, pero no estaba en adobe. Vio en un sitio. Hay una herramienta para eso. Se llama la fuente y literalmente puedes subir o pasar la URL. Si estás en el sitio web, puedes simplemente pasar la URL aquí o subir una imagen. Agarré una imagen de un sitio. De alguien que sigue que tiene un cambio de marca increíble. Me encantan todos sus colores y su tipografía. Pero de veras, me gusta mucho esta fuente Sara. Normalmente no me gusta Saraf. Tengo tanta curiosidad si puedo encontrar algo que esté cerca de él. Entonces subirías, seleccionarías qué versión quieres porque ahí había dos, y luego mirarías por aquí y verías qué es similar. A partir de ahí, puedes ir a comprar las fuentes en función de la licencia que necesites. O incluso puede que lo encuentres en adobe si es algo que está disponible. Pero es una gran herramienta. Si encuentras algo en línea que te gusta, Oh, eso es todo. Esa es así mi marca, en realidad puedes traerla aquí y encontrarla. A partir de ahí, solo volverías a la plantilla y actualizarías estos títulos, y así seguiré adelante y por favor. Voy a simplemente hacer doble clic en aquí. Y digamos que elegí Halbica, en lugar de Arial. Sólo voy a ceñirme a una característica. Ahora, es posible que también te encuentres con esto. Puedes arrastrar esta caja o tu herramienta tipo aquí. Simplemente puedes cambiar el tamaño. Si pierdes esta caja, todo lo que tienes que hacer es subir a Window y bajar a escribir y personaje y va a tirar hacia arriba para ti o esa comunicación. F. Entonces a partir de aquí, sólo puedo actualizar esto a característica. Seleccione eso. De nuevo, cuando se obtiene esta pequeña burbuja roja, eso significa que hay algo cortado. Simplemente arrastra que he actualizado la fuente. Ahora, a ver. Que es otra fuente sera. Déjame sacar esto. Entonces no cambié el nombre por aquí. Asegúrate de que si actualizas la fuente, también actualices el nombre. Sólo voy a tirar esto hacia abajo. Ahora tengo dos nuevas bases tipo identificadas. Aquí hay algunas cosas clave para llevar. Las bases de tipo que seleccione deben ser complementarias entre sí y ayudar a ejemplificar la personalidad y el tono de sus marcas La legibilidad es una consideración primordial para elegir fuentes. Definir suplentes puede ser útil si elige una fuente que no está disponible para la web Veré toda la siguiente lección. 8. Identifica tu estilo de fotografía: Estos siguen poniéndose buenos. En esta lección, vamos a empezar a perfilar tu estilo fotográfico Ahora, recuerda que sí mencioné puedes agregar en ilustraciones, si tienes patrones, iconografía, cualquier cosa por el estilo Siéntase libre de agregar esos en. También te voy a mostrar dónde puedes encontrar alguna inspiración libre de regalías también. Veamos qué podemos encontrar. Te veré en la lección. Casi terminamos con nuestra plantilla. Estamos abajo a nuestra fotografía de marca. Entonces aquí hay algunas cajas. A medida que haga clic sobre, verá en las capas como de estilo de imagen. Entonces aquí es donde podemos agregar patrones o imágenes. Cualquier cosa que quieras incluir, yo sólo lo mantendría dentro de esta tira de película. Te voy a mostrar cómo usar una masa de recorte para mantener esto agradable y ordenado. Pero cuando estamos pensando en la fotografía de marca, quería platicar a través de un par de ejemplos. Entonces la antropología es obviamente sofisticada. Es una marca muy conocida. Esto obviamente va dirigido más hacia las mujeres. Pero obtienes más una idea de la marca y la intención con solo mirar su fotografía. Y en comparación, siempre pienso en Old Navy. Conoces un viejo comercial de la Marina cuando lo ves. Es divertido, es amapola. Claramente tienen algo de mezclilla en estos momentos. Pero solo pensando en cómo quieres que tu marca se vea y se sienta a través de tus imágenes Entonces ya sean fotos o de nuevo, patrones, cualquier cosa que sea visual, eso es lo que vamos a estar identificando. Y así esto no tiene que ser como corte súper claro, sino, ya sabes, piensa en color versus blanco y negro versus apagado o brillante y Poppy Pero un lugar que me gusta mirar es Unsplash. Entonces, si no has visitado Unsplash es un sitio con imágenes libres Tienen algunos anuncios porque creo que es unsplash plus, y luego algunos también para Stock que requieren licencias Pero en general, se trata de creadores que han enviado sus fotos y están disponibles para su uso. Nuevamente, esto es solo más una guía. Esto en realidad no sería externo. Esto es más una guía interna para ayudarte con tu branding. Volvamos a Creo que era un Pony que había escogido. Quiero añadir eso. Quiero regresar y encontrar esa. El pick de la tarima. Aquí está. Literalmente puedo copiar de aquí y recuperar esto y solo controlar V. Ahora tengo la imagen aquí. Quiero asegurarme de que estoy en mi capa de estilo de imagen, y solo voy a empezar a dimensionar esto. Nuevamente, ayudo a cambiar para mantenerlo en proporción. Voy a acercarlo al tamaño de esta caja. Entonces, ¿qué voy a hacer? Puedes ver que está encima de esta caja gris aquí. De hecho voy a hacer clic derecho y organizar y mover eso hacia atrás. Entonces es comando shift y luego cuando tus corchetes ahí. Si buscas atajo. Voy a traer eso de vuelta y todavía puedes ver el esquema aquí, y luego me voy a asegurar de que tengo eso seleccionado y luego voy a mantener presionado el turno, y luego dar clic en esta casilla. Ahora tengo estos dos seleccionados. También podrías simplemente tirar y arrastrar y asegurarte de tener ambos. Entonces a partir de ahí, voy a hacer control o comando siete. Y eso va a crear una máscara de recorte. Ahora eso es recortar eso, y esto lo mantendrá agradable y ordenado y asegurará de que todos sean muy similares en tamaño y forma. Puedes hacer doble clic aquí, y eso lo pone en modo de aislamiento. Puedo asegurarme de que este era realmente el tamaño correcto, o si solo había una pieza de la imagen en la que realmente quería enfocarme encendida así es. Podría volarlo y cortarlo un poco más apretado. Entonces pasaría y terminaría de lavar estos. Bien. Yo sí. Esto es lo que pienso yo también. Si tienes dibujos o tienes iconografía que te gustaría incluir, sigue adelante y déjalos caer ahí, o siéntete libre de usar esto como inspiración para la tuya también Pasa por slash y cualquier fotografía de marca que tengas que esté existente También puedes salir a la calle y tomar algunas fotos si hay cosas que simplemente te inspiran, estás como, así es como quiero que se sienta mi marca. Yo te animaría a salir absolutamente y hacer eso también. Entonces seguí adelante y llené el resto de estas imágenes. También puedes moverlas por ahí. También puedes cambiar las formas. Entonces tal vez realmente solo tienes dos o tienes más de dos. Todo lo que necesitas hacer es dimensionarlos hacia abajo, y puedes agregar más. Entonces te voy a mostrar en la tercera plantilla que se vería así. Entonces, si planeas hacer más de cuatro, te aconsejo hacerlo de antemano. Y literalmente puedes seleccionar todos esos y luego agarrarlos. Y entonces solo puedes controlar F. Lo pondremos Control C y luego el control F copiará y luego palmaditas en su lugar. Entonces puedes asegurarte de que sea un espaciado cercano y simplemente agregarlos y luego estirar esto hacia afuera. Entonces de esa manera, cuando coloques tu imagen, así que hagamos la última que acabo de hacer. Rabia. Envíalo de vuelta. Voy a seleccionar ese top. T siete comando siete y pop eso en. Puedes agregar tantos como quieras. Podrías tener solo un par. Este, lo he actualizado para coincida con lo que hemos hecho a medida que pasamos por la lección. Se trata de un artista que se centra en las flores y la naturaleza y tiene algunos dibujados a mano como pinturas, y luego también arte digital Sólo un reflejo de lo que es la marca, qué hacen, quiénes son, qué quieres sentir. Es muy femenino. Es el foco de la naturaleza. Hay algunos elementos ahí que están dibujados a mano así como digitales. Es solo darte una idea más del tipo de marca, y lo que verás en esas piezas, ya sea tu sitio web o colateral o cualquiera de tus trabajos así. Claves para llevar. Las fotos de inspiración pueden ayudar a informar el estilo de tu marca. Unsplash es un gran recurso para imágenes libres de regalías. Patrones, ilustraciones, nconografía, también pueden ayudar a definir aún más su identidad visual de marca El uso de una máscara de recorte puede ayudar a modificar las imágenes para mantener su guía limpia y fácil de ver Veré toda la siguiente lección. 9. Guarda y comparte: Bien, ya casi estamos ahí. ¿Puedes sentirlo? Y en esta lección vamos a guardar y compartir nuestras guías finales de marca. Ahora bien, hay algunas formas de hacer esto, así que vamos a recorrer cada una de esas, y te voy a mostrar para que puedas elegir la. Eso es lo correcto para ti. Empecemos. Así que estamos de vuelta con la plantilla, y prácticamente he borrado esto. Vamos a fingir que aquí terminé mi identificación de paleta de colores. Pero en realidad no lo odio. Está un poco alejado de mi guía de marca real, es un poco más genial con algunos de los um greens, pero sigue siendo muy acertado. Es floral y tropical, un poco femenino. De hecho voy a exportar este ya que esto es lo que trabajamos, y voy a mostrarles cómo hacerlo bajo archivo. Y entonces puedes o bien guardar como. Porque hay dos mesas de trabajo, Porque hay dos mesas de trabajo, tendrías dos páginas en tu documento Si digo PDF, puedo usar mesas de trabajo y puedo o bien seleccionar todas en cuyo caso, voy a conseguir ambas páginas, o puedo hacer rango Si tan solo quisiera esa segunda página, podría hacer dos o dos, y seguir adelante y guardar eso en esta carpeta que tengo en mi escritorio. En realidad, puedes seguir adelante y eliminar mi mesa de trabajo de ejemplo si eso es útil, o puedes exportar con ese rango Si querías ir a la configuración del documento, puedes eliminar absolutamente esto. Y entonces solo tendrías que ir aquí y desbloquear esto, seleccionar esa capa, y luego hay un pequeño bote de basura aquí abajo. Simplemente puedes eliminar eso de ahí. Y entonces no tienes que preocuparte por hacer el rango. Podrías simplemente tener tu mesa de trabajo solista aquí. Hagámoslo y luego te mostraré una segunda forma. Acabamos de ahorrar como. un pequeño PDF ahora que está disponible. Entonces ahí está nuestro PDF, y probablemente sea un poco pesado con las imágenes. Entonces, si quieres ahorrar en el tamaño del archivo, también podrías exportar esto como JPEG. Te voy a enseñar cómo hacer eso. Se baja a archivo, y de nuevo, a exportar. Entonces vamos a hacer la exportación como. Ahí hay algunas versiones diferentes, pero esto debería darte lo que necesitas. También hay, de nuevo, voy a usar el tablero de arte. Y entonces sólo voy a elegir JPEG. También podrías hacer un archivo P&G. Y porque he sacado esa otra mesa de trabajo, no hay rabia. Es sólo una. Yo puedo exportar eso. Entonces si voy a estar compartiendo esto, esto es complicado. Si lo vas a estar imprimiendo, yo me quedaría con una C e Y k, pero si la vas a estar compartiendo digitalmente, seguiría adelante y haría ese R GV Después este desplegable, puedes seleccionar tu pantalla media-alta. Voy a seguir adelante y yo así de alto, así que tenemos buena resolución en nuestra fuente. Voy a pegarle bien. Y así va a ser mucho más fácil compartir. Eso va a ser más pequeño. Eso es sólo 2 megabytes frente a mi plantilla, eso fue casi 200 Entonces, dependiendo del tamaño de tu archivo y lo que hayas incluido en cuanto a tu fotografía de marca, puede ser más fácil compartirlo como JPEG. También puedes, si estás trabajando con el diseñador, seguir adelante y compartir ese archivo AI o el archivo vectorial, tu archivo de ilustrador, ellos podrán sacar lo que necesitan de ahí. Así que no lo olvides. Esta es la manera perfecta de poder subir esto a los recursos de tu proyecto. Entonces, cuando lo exportes como tu JPEG, asegúrate de subir eso también y compartirlo con la clase. Una última cosa que me doy cuenta de que me acabo de perder. Si estás exportando esto y cambiarías el nombre a algo que no sea plantilla. Puedes hacer eso aquí. Entonces eso fue como cualquier otro documento que estarías guardando. Empresa. Guía. Y luego pasar por el resto del proceso y usar el tablero de arte. Nuevamente, MY K. Para mantener esa alta así la resolución en la fuente es agradable y Chris. Acabo de golpear Bien. Gracias a todos otra vez. Esto ha sido muy divertido. Claves para llevar. Guardar como PDF es rápido y fácil, pero puede dejarte con un tamaño de archivo más grande. Si se prefiere un JPEG, asegúrese de usar la opción de mesa de trabajo y rango para explorar exactamente lo que necesita Por último, no olvides compartir tu guía final en la sección de proyectos y recursos. Veré toda la siguiente lección. 10. Reflexiones finales: Muchas gracias por acompañarme hoy en clase. Definir tu marca visual es un paso importante, ya sea que seas dueño de un negocio o tengas una marca personal. Tener un chico al que referirse y/o compartir con un equipo, n sus marca aparece consistentemente y es inmediatamente reconocible para su audiencia De nuevo, estoy muy emocionada de ver lo que creaste. Por favor, asegúrese de agregarlos a la sección de proyectos de la clase. Por último, me encantaría conectarme. Si quieres seguirme en compartir habilidades o dejar o revisar cualquier comentario que tengas o sugerencias para clases adicionales, me encantaría escucharlos. Por favor, siéntete libre de comunicarte o conectarte conmigo en Social. Estoy en Artz Lions en todas las plataformas. De nuevo, muchas gracias. Te veré en la siguiente clase.