Transcripciones
1. Introducción: Oye, soy Jeremy, diseñador e ilustrador de Sydney. hoy te voy a mostrar cómo crear tu propio conjunto de texturas vectoriales. Va a ser muy divertido. De lo que vamos a hacer, les voy a mostrar dos métodos de creación de texturas. Uno será el trazado de imágenes en Illustrator y el otro estará creando tiffs de mayor resolución, que creas en Photoshop y puedes traerlo a Illustrator. Entonces lo que vamos a hacer es tomar algunas fotos y vamos a usar esas fotos y realmente manipularlas, agregar ajustes en Photoshop, crearlo de la manera que queremos lucir. Entonces lo vamos a llevar a Illustrator y
convertirlo en una textura fresca que se pueda usar en tus diseños de logotipos,
o en tus proyectos de branding, o en cualquier proyecto que utilices. Va a ser muy divertido. Da click Inscribir y espero verte dentro de la clase.
2. Tomar las fotos: Salí afuera a mi patio trasero. Si no tienes un gran patio trasero, puedes preguntar por tu casa, o mirar a tu alrededor y encontrarás materiales que puedes usar. Literalmente puedes hacer texturas de cualquier cosa, siempre y cuando haya suficiente luz y contraste y tenga una textura agradable para ello, entonces puedes usarlo. Acabo de ir a mi patio trasero. Estaba mirando por ahí donde tenemos pilas de madera, y ladrillos, y láminas metálicas, y pipas viejas oxidadas, y esas cosas. Miré a mi alrededor también detrás del garaje, y encontré algunos lugares frescos, simplemente pasando por todos los materiales y encontré lo que pensé que funcionaría bien. Encontré algunas cosas geniales. Bajé al cobertizo más tarde también y encontré algunas otras cosas también, pero realmente estaba buscando en unas cosas viejas gruesas y oxidadas que tenemos en nuestro patio trasero como metal,
y madera, y sólo cosas al azar. Basta con mirar alrededor, prestar atención, y encontrarás cosas de las que puedes hacer algunas texturas geniales.
3. Selección de fotos: Antes de empezar a saltar a crear texturas, lo que tenemos que hacer es que vamos a tomar algunas fotos. Yo uso la cámara para esto, pero puedes usar tu teléfono de cámara normal o lo que sea que tengas para tomar fotos. Eso va a ser útil de todos modos. Lo que vamos a hacer es, vamos a tomar fotos, buscar materiales fuera de tu patio trasero o incluso en tu casa. Lo que traté de buscar es como metales, madera, tela, cualquier cosa que tenga una textura agradable o incluso óxido o grunge, cosas que tienen detalles bonitos o incluso algunas cosas viejas vintage. Basta con mirar alrededor, encontrar algunas cosas geniales que
puedas usar y te sorprenderás de lo que encuentres. Lo que buscamos realmente cuando estamos tomando estas fotos es, queremos buscar cosas que tengan alto contraste y asegurarnos de que haya suficiente luz en la imagen o de lo contrario los detalles no saldrán bien. Te voy a mostrar algunas imágenes que tomé. Estos son los que escogí después de tomar fotos afuera. Tomé algunos de los restos de metal, algunos barriles, algunas telas de malas hierbas, algo de madera incluso y realmente me quedé complacido con estas imágenes. Se puede ver que éste tiene detalles en él, es bastante guay. Esto es tela. Esto no será difícil porque no hay mucha iluminación en esta imagen, así que no vendrá como yo quiera. Estos son frescos con óxido. Se puede ver que hay una controversia entre el fondo blanco crema y este color realmente oscuro y oxidado. Déjame llevarlo a Photoshop. Vamos a hacerlo en blanco y negro. Estas áreas realmente oscuras van a salir y quieres que ese detalle negro se te ocurra ese óxido y el polvo y esas cosas, así que eso es realmente útil. Este es genial, éste podría ser realmente agradable también, esto es bastante cool también, tiene un poco bonito trozo de un área oscura y estas áreas naranjas más claras en el exterior surgirían como blancas lo cual es realmente cool. Esto podría ser un poco más difícil, pero se puede ver cómo estoy tratando de buscar patrones, las cosas van a ser útiles, incluso esta madera podría salir bien. Se puede ver cómo están estas áreas oscuras, estas líneas en el grano podrían salir. Pero puedo ver que hay algunos contrastes entre estos cortes en la madera terminan el deslizamiento hasta tonos de madera en la parte posterior. Eso es lo que buscamos a la hora de tomar estas fotos. Una vez que hayas tomado estas fotos, vamos a saltar a Photoshop y
manipularlas para que podamos empezar a hacer nuestras texturas geniales.
4. Trazado de imagen 1: Una vez que hayas importado tus imágenes, intenta guardarlas como JPEG y a una resolución decente para que podamos sacar el máximo detalle posible. De lo que voy a hacer, voy a escoger este. Intenta elegir el que más contraste tiene y simplemente
arrástralo a Photoshop así como así y se cargará. Debería funcionar. Estoy usando CC, pero debería funcionar en CS6 y CS5, y así sucesivamente. Aquí tenemos nuestra imagen y lo que vamos a hacer es cambiar el modo de imagen. Ve en la esquina superior izquierda y haz clic en “Imagen”. Después vamos a bajar algún “Mode” y hacer clic en “Escala de grises”. Ahora podemos ver que sólo estamos tratando con los blancos y los negros y los grises. Esto nos permitirá editarlo y ver dónde podemos encontrar más detalle. Después de que hayamos hecho esto, verás cómo cambia. Vamos a ir a la esquina inferior derecha y dar click en este pequeño botón que hay en la parte inferior, y esto traerá nuestros ajustes y efectos. Se puede ver cómo tenemos brillo y contraste, niveles, curvas, exposición. Estos son los principales que vamos a estar usando. Normalmente solo empiezo con niveles. Haz clic en eso y obtendrás este cuadro. Si no sabes cómo conseguir la caja, ve a “Ventana” y puedes seleccionar “Propiedades” y obtendrás esta caja. Ahora, sólo voy a empezar a jugar con los negros. Podrás ver si arrastras este deslizador, esto trae los tonos más oscuros y este deslizador en la parte superior aquí trae en los tonos altos. ¿Cómo los llaman? Ellos les llaman los tonos claros y éste son los tonos medios más o menos. Puedes jugar con estos y puedes ver cuanto más arrastras esto, más puntos oscuros quieras y
quieres intentar conseguir ese contraste que se puede configurar. Ya puedes ver si arrastro esto hacia abajo, obtendrás más rasguños o si quieres más manchas más grandes de puntos o polvo,
entonces baje esto hacia arriba. Para averiguarlo, solo juega con él, ve lo que te gusta, lo que no te gusta, cuánto detalle quieres. Eso debería ser divertido. Por lo general, a veces podría ir a “Curvas” o agregar un brillo y contraste. Yo sólo voy a ir a “Curvas” y no pude dejar de jugar un poco
más con esto para conseguir lo que te gusta. Lo bueno de estas capas de ajuste es que siempre puedes apagarlas y siempre puedes volver atrás. Basta con hacer doble clic en este pequeño símbolo aquí, y puedes volver atrás y editarlos de la manera que quieras. Realmente simplemente así. Puedes guardarlo y siempre volver a él más tarde y cambiarlo. Una vez que hayas hecho esto, vamos a ir a “Archivo” y luego vamos a “Guardar como”. Sólo voy a ir a seleccionar “JPEG”. Sólo voy a guardar esto como Blackandwhite, así como eso, y sólo presiona “Ok”. Ahora tenemos nuestra textura en nuestra carpeta. Como puedes ver aquí, también estoy arrastrado a Illustrator ahora. Salta a Illustrator ahora, arrastra esto hacia adentro. Voy a reducirlo un poco. Ponte tu iPad y luego puedes ver ahora en la parte superior aquí dice “Linked File” y tiene un JPEG. Y te muestra el PPI y podemos incrustarlo. Podemos editarlo o trazar imágenes. Queremos imagen traza. Haz clic en “Rastreo de imagen” ahí, o si no se está abriendo ve a “Ventana” y luego encuentra rastro de imagen. ¿ Dónde está? Ahí. Conseguirás esta caja. puede ver que es una imagen cómo se ha cruzado. Eso significa que es una imagen. Lo que vamos a hacer es rastrearlo. Voy a dar clic en “Rastrear” y verás que el Illustrator empieza a convertirse en anclajes y puntos. Realmente se puede si acercar se está convirtiendo en un vector. Pero en lugar de vector aquí tenemos que ampliarlo. Bueno, en primer lugar, lo que vamos a hacer es cambiarlo y hacer algunas ediciones. Yo sólo voy a desmarcar la vista previa, sólo para que no se quede. En lo que necesito que hagas, debes quitar snap off curvas y líneas. Al hacer clic en “Ignorar Blanco” ¿por qué quieres hacer eso? Por lo que se vuelve transparente. Lo que podemos hacer ahora es que en realidad podemos editar estas barras, todos estos parámetros aquí. Tenemos caminos umbral, esquinas y ruido. Por lo general voy a reventar el ruido si quieres unas especificaciones más y polvo con más detalle. Las esquinas realmente hacen las formas más nítidas o redondeadas. Caminos significa más detalle, pero sí aumenta los anclajes. Punto importante a destacar que se puede ver abajo en la parte inferior aquí tiene caminos y anclajes. Por el momento tiene 34 mil, lo cual está bien. Pero si volamos por los caminos o si elevamos el umbral, estas dos cosas van a aumentar el detalle y eso va a hacer que tenga
más anclajes y puntos que pueden hacer que tu Illustrator se quede rezagado y a veces se pueda estrellar. Sólo hay que tener cuidado con eso. Voy a marcar “Preview” y sólo para que ustedes vean lo que hace. Voy a chocar el ruido. Ya ves que empieza a cargarse. Voy a chocar un poco el ruido y ves cada vez que lo muevas, lo va a cambiar y afectarlo, por
eso es bueno apagar la vista previa para que no se quede atrás. Ya puedes ver si hago zoom, tiene más de estas especificaciones y tiene una sensación más textualmente, en lugar de solo grandes blobs, tiene más detalles en ella. Puedes jugar con él todo lo que quieras. Se puede jugar con el umbral. Bomba eso un poco. Ya veremos cómo se ve eso y aquí es realmente divertido. No hay reglas. Simplemente vas a jugar y cambiar todo lo que quieras. Supongo que eso es mirar a mi alrededor y lo que voy a hacer ahora, voy a seleccionar un ir a la esquina superior izquierda y verás expandir, haz clic en “Expandir”. Ahora se puede ver todo es punto y en realidad es un vector. Podemos guardar estos, podemos arrastrarlo. Podemos cambiar el color si quieres y hacer lo que sea. Es así como se crea una textura vectorial usando una foto y a través del trazado de imágenes. Es realmente sencillo hacer chicos. Es así como hago algunas texturas grungy en Illustrator y es realmente divertido. Espero que hayan disfrutado de esta parte. Te voy a mostrar el segundo método en el siguiente video.
5. #2 Creación de acantilados: El segundo método para crear una textura fresca que podemos utilizar cualquier Illustrator, es crear un TIFF de alta resolución. De lo que vamos a hacer, tenemos nuestra imagen, y si sigues el método uno, tendrás esta imagen o la que has estado usando, o puedes hacer una nueva, e ir por el mismo proceso, cambiar el modo de imagen a escala de grises, luego editar los niveles y las curvas, como hicimos en el último video y sólo vamos a reutilizar esto. En lugar de guardarlo como JPEG, lo que vamos a hacer es ir a la esquina superior izquierda, ir a la imagen, ir al modo, y vamos a hacer clic en Bitmap. Asegúrate de que esté en escala de grises, o de lo contrario no podrás seleccionar Bitmap. Voy a dar clic en mapa de bits, te va a pedir aplanar capas, presionar bien, y puedes ver aquí, obtenemos una opción para cambiar la salida. Pixeles por pulgada, esto es cuánto de la resolución podemos cambiar. Setenta y dos es el estándar para tamaños de pantalla o pantallas, pero si quieres hacerlo más alto, 300 suele ser lo normal para imprimir,
pero a veces la gente lo guarda como un 1,000 PPI o lo que sea. Sólo voy a seleccionar 300 DPI, por ahora, pero siempre se puede cambiar eso. Deja esto en dither difusión. Puedes jugar con estos ajustes, pero solo suelo usar este en este ajuste, presiono bien. Ahora vamos a convertir esto en un mapa de bits. Como puedes ver esa capa es un aplanamiento, es solo una imagen, y podemos usar así, y puedes ver cómo tiene todos los detalles ahí si haces zoom, lo cual es bastante genial. Ahora lo que vamos a hacer, vamos a ir a Archivo y vamos a ir a Guardar como. Ahora lo vamos a guardar como TIFF. Lo que un TIFF nos permite hacer es hacerla editable, nos permite mantenerlo como archivo editable que podemos utilizar en Photoshop e Illustrator y nos permite usarlo como textura normal. Voy a guardar esto como óxido de metal, y se puede ver cómo conseguimos algunos ajustes. Sólo tienes que copiar estos ajustes C. Esto es lo que uso, así que quieres dejarlo en eso y dejar estos ticulcados igual que eso. Entonces presiona bien y ahora debería guardar como TIFF. Vamos a volver a mis archivos. puedes ver tengo la carpeta aquí, el archivo aquí y solo lo voy a arrastrar a Illustrator. ¡Boom! Igual que eso. Ahora se puede ver que se trata de un TIFF de alta resolución. En la parte superior, si voy a la esquina izquierda, puedes ver que es un TIFF de punto, y te da el PPI que es los Pixeles Por Pulgada, que son 300 que acabamos de guardar. Podemos agregar la imagen rastrearla, o incrustarla, o usarla como un archivo normal. Pero en lugar de la imagen rastreándola, lo que podemos hacer es dejarla y usarla como textura normal. Puedo seleccionar estos y en realidad cambiar los colores si quiero, igual que lo haría un textual normal. Lo bueno de reutilizar un TIFF es que no rezagará tu computadora. No crea puntos y anclajes, lo que hará de tu Illustrator un rezago. En realidad lo mantiene como TIFF el cual es editable. Podemos cambiar colores, podemos redimensionarlo también, lo cual es realmente útil. Este es otro método práctico que uso cuando estoy acreditando texturas y creo que realmente te va a ayudar.
6. Premios: Voy a estar regalando un premio este mes. Si aplicas tu proyecto antes de finales de octubre, te
estaré entregando un premio llamado Turbo Badge Builder. Es un producto en el que estar trabajando quiero estar vendiendo por internet. [ inaudible], y quiero regalárselo a dos estudiantes que suben sus proyectos. Asegúrate de actualizar tu proyecto, compartirlo, mostrar tu proceso, y escogeré a dos estudiantes aleatorios para finales de mes,
para el 31 de octubre, 31 de octubre,
y te lo enviaré y espero que lo disfruten chicos. Estrategia armenia, úsalo. Es más o menos un credo de piernas. Y Craig que insignias, pero eres malo. Es realmente rápido. Tiene patrones, estilos,
tensión, todas estas cosas geniales en ella. Estaré encantado de darle un blanco a eso, esperaré ver sus proyectos y gracias por incorporarme a la clase.
Jeremy Mura, Brand and Web Designer
