FlowCrew
Magazine
Edici贸n
Numero 1
http://flowcrew.zxq.net
Tutoriales de firmas, concejos, galerias de firmas, y m谩s.
Inspiration
http://www.pixel-pastry.com/
Indice e indice
EDITORIAL Ajam, miren una revista O_O, bueno ni yo me lo creo pero es mejor una revista que hacer un tutorial muy largo, siempre con el problema de que se quede grande, se quede pequeño, se vea feo, no tenga suficiente detalle, pero ya estamos aquí, y aprovechando todo este espacio que nos da el tener una revista aprovechamos de hacer mas cosas, como poner imágenes para que nos inspiremos a la hora de hacer un trabajo, siempre es bueno abrir la mente y con trabajos extraordinarios es mucho mejor, la idea de la revista nació tan rápido como la idea de hacer un blog http://flowcrew.zxq.net/ claro nos falta mucho experiencia en torno a los que cada uno hacemos, pero siempre habrá gente que esta recién empezando y para ellos va dedicado todo FLOWCREW, y también para la gente que lleva su tiempo, lo ideal que esto sirva todo, recién empezamos, es el numero uno y esperamos sacar mas numeros, aunque claro como es el primer numero ya se nota la inexperiencia a la hora de hacer revistas, incluso con los tutoriales, pero la idea es mejorar todo, este proyecto lleva ya mucho tiempo, y muchos problemas, desde que programa usar para crear la revista, que diseño darle, que articulos poner, y con el problema de que me toco hacerlo solo T_T, lastima que mili con quien haría la revista no puede estar, espero que para el numero 2 este presente y haya solucionado todo x), pero bueno ya paso de dar pena haha y vamos a lo concreto, en este numero veremos pocas cosas :( pero bueno que es el comienzo, 2 tutoriales, pero mas que eso son técnicas o concejos a la hora de hacer firmas, veremos una pagina de renders, y por ultimo veremos la galería y tag wall destacad@s, solo esperamos que les sirva, y perdón por la falta de ortografía, era trabajo de mili arreglarlo (6) Bueno como es el primer numero, lo tomaremos con un test, si le va bien a la revista, la segunda edición sera mucho mejor y claro siempre nos vendrá bien ayuda, así que si tienes algo que te gustaría aportar envíanos un mail a : flowcrewblog@gmail.com cualquier idea es bienvenida así que escriban bien lo que quieren hacer, de que tratara, todo bien explicado para no liar a los feillos de FlowCrew Sin mas que decir ( dije mucho @.@) Espero que les agrade todo :) Bichito.-
2-Inspiration 3-Editorial e indice 4-Integración de texto 12-Inspiration 13-PlanetRenders 16-Usando niveles 26-Galeria Destacada 30-TagWall Destacado
Integración de texto
Un problema muy recurrente a la hora de hacer una firma es el texto, el color, el tipo de fuente, el tamaño de fuente, el lugar correcto para poner el texto, que escribir y que no escribir. En este articulo abordaremos este problema y sus soluciones. Lo primero que hay que tener en cuenta es... obviamente que escribiremos, no será lo mismo escribir Bichito que escribir BichitoDesing o incluso escribir BichitoDesing2010 aunque siempre se opte por la opción mas corta o la media si es posible, el tamaño de fuente sera muy importante en estos 3 casos. Veamos aqui un ejemplo de una firma con mucho texto
Firma de http://nicoezm.deviantart.com/
Como ven aqui hay mucho texto pero esta integrado de una forma en la que no se ve muy desproporciando entre texto y firma, y para esto se juega con diferentes tamaños, diferentes colores y diferentes fuentes, es muy importante la eleccion de colores ya que un color que no sea el adecuado para nuestra firma arruinara cualquier firma aunque haya sido la mejor firma del mundo, si la fuente esta mal puesta todo el trabajo se verá opacado por este comun error. Ahora vamos a ir por pasos para explicarle como integrar el texto en la firma ¿De que tamaño pongo el texto en mi firma? Esto dependera del tamaño de tu firma y del tamaño del render en la firma, tambien cuanto espacio quedo vacio alrededor de la firma, para que se entienda el espacio vacio es aquel que aunque haya algo alli por ejemplo un degradado, un fondo abstracto pero liso ó alguna forma, esto sera el espacio vacio ya que solo es parte del fondo o mas fondo y por ultimo los “efectos” que seran C4Ds en su mayoria o algun brush de un color llamativo o con un gran efecto. Veamos un ejemplo de tamaños de textos aplicados a una misma firma.-
Integración de texto
Esta sera nuestra firma “base” la cual no tiene texto
Lo primero será señalar lo anteriormente hablado El tamaño de la firma : 450x150px (TF) Tamaño del render : El render esta entre el 60% - 70% del tamaño total (TR) Espacio vacio : 10% (EV) Efectos : 20% - 30% (FX) Para un mayor entendimiento pintare las zonas explicadas
Rojo (TR) - Verde (EV) - Celeste (FX) Bueno como ven, esta firma esta muy cargada ya que los espacios vacios son minimos, asi que el texto no debera ser muy grande [Entre mas espacio vacio, mayor puede ser el tamaño del texto] Asi que siempre tengan cuidado, una firma muy bien hecha pero muy sobrecargada entre render. efectos y un texto con una fuente muy grande estara muy mal hecha Una buena solucion para evitar el problema de la integracion de texto es simplemente buscar una fuente muy sencilla, un tamaño pequeño y listo pero esto hara que nuestra firma solo cumpla tener un texto escrito sin que sea feo pero tampoco sea algo que llame la atencion o ayude a la firma a ser mas espectacular en todo aspecto Siguiendo con la integracion del texto veamos como se veria nuestra firma base con diferentes tamaños de fuentes, colores y tipos de fuentes.-
Integración de texto
Tamaño de fuente.Usando una fuente normal veremos como afecta el tamaño de fuente a nuestra firma Fuente: Neuropol Tamaño: 36pt
Bueno no hay mucho que decir, esta muy grande y en nada integrado a la firma y la posicion en nada acertada. Fuente: Neuropol Tamaño: 18pt
A simple vista esta mejor no ?, pues estas equivocado al estar en esa posicion y con un color no muy acorde a los colores de la firma, parece un objeto extraño dentro de la firma, el tamaño esta mejorando ya que no esta sobrecargado pero igual esta grande todavia, recalco que en esa posicion y con ese color blanco, parece que la fuente estubiece pegada con paint
Integración de texto
Fuente: Neuropol Tamaño: 14pt
Ahora esta mejor dado que no esta sobrecargando la firma, pero claro con ese color no esta integrada del todo, la posicion esta cercana al render para dar la impresion de que es parte de la firma completa y el tamaño de la fuente es 14pt, pero no es muy pequeña ya que se logra leer el nick, cosa que todos los firmeros quieren no? Ahora vamos al color Color de fuente.Con el nick tal y como esta en el ultimo ejemplo procederemos a cambiarle el color Fuente: Neuropol Tamaño: 14pt Color: Azul ( 0c00ff )
De pasar a un nick que se entienda, pasamos a uno que no se ve bien, y esto es por que es un azul normal y el fondo del lugar en donde esta puesto nuestro nick es oscuro entonces para elegir el color del nick, debemos ver en donde va el nick, que tonos tiene el lugar, si es un lugar claro u oscuro y recien que sepamos esto empesar a elegir un color para nuestro texto, que claramente sera un color claro Pero ojo, esto no significa que cualquier color claro nos servira Veamos un color claro pero que no nos servira
IntegraciĂłn de texto
Fuente: Neuropol TamaĂąo: 14pt Color: ( b9ff40 )
Este color es claro, pero el error es que su color no sirve para integrarse en la firma Aunque se logra entender lo del nick, el color no ayudara a que nuestra firma se vea mejor Fuente: Neuropol TamaĂąo: 14pt Color: ( c4f8fa )
Este seria el mejor color, en realidad uno de los 2 mejores colores ya que se podria poner tambien un color amarillo pero bien claro, mas o menos como el de la firma, pero como hacemos esto de elegir el mejor color ?, lo mas sencillo es que si tu firma es de tonos azules, el nick sea azul (pero siempre, siempre dependera de la firma, asi que no den por hecho de que el color deberia ser azul), como dije antes, recuerden que el color dependera del lugar en el que este el nick, si nuestra firma tiene solo tonos azules y donde ira la firma es claro, el color deberia ser azul pero de un color mas oscuro. Seguimos mejorando el nick, ahora le pondremos efectos al nick Y como se hace esto ? Facil, en la ventana de capas, vamos a la capa en la cual este nuestro nick y damos click derecho y le damos a opciones de fusion, nos saldra una nueva ventana la cual sera para modificar opciones tales como sombra, resplandor, mapa de degradado, contorno y mucho mas.-
Integración de texto
Efectos de fuente.Usando la misma firma, misma fuente, y mismo color le pondremos efectos a nuestro nick, les recuerdo que no en toda toda firma, fuente, tamaño de fuente, color, sera necesario ponerle algun efecto, cada firma es unica y por lo mismo no todas llevaran efectos
En esta firma, solo le he puesto una sombra paralela, en modo “normal” y de un color ( f8ff90 ), en principio no se nota mucho, pero si se observa mas detalladamente esta sombra paralela, no añade nada al texto, incluso nuestro texto se veria mejor sin esta sombra paralela
Ahora quite la sombra paralela, e hice un resplandor en modo “trama” y con el color por defecto ( ffffbe ), se ve mejor que el efecto anterior pero de igual forma no añade nada especial al texto, se ve como un buen detalle pero nada del otro mundo, aqui podriamos decidir si se queda o se quita este efecto
Integraci贸n de texto
Bueno el unico efecto que me gusto, fue una superposicion de degradado, usando las siguientes opciones
Siendo este el resultado
Lo que conseguimos es que diera el efecto de iluminacion, ya que arriba del render hay una luz que a la fuente tambien le afectara. Las posibilidades son infinitas, como dije antes cada firma es unica, no se puede siempre usar el mismo efecto en todas las firmas que hagas, ni menos el mismo color, ya que si hacemos esto pareceriamos unos robots, en ves que unos firmeros, les recomiendo que siempre experimenten con nuevos estilos de nick, como puede ser una le letra de comienzo con otro color, de un tama帽o diferente, con una linea sobre ella, con algun caracter especial como /// \\\ Para terminar, algunos tips.
Integración de texto
Que fuente usar.Es algo tan sencillo, que solo basta con probar y ver que fuente se integra mas a la fuente pero cuidado, cuando vean fuentes no siempre la fuente mas guapa sera la mejor fuente para nuestra firma, una fuente con muchas lineas no servira para una firma ya que no se entendera nada, lo mejor para esto es usar fuentes sencillas, yo siempre ocupo firmas “Techno” y firmas “Basic” en todas las webs de fuentes habran de este tipo, las fuentes techno son fuentes como la que ocupe para la firma “base” son sencillas, sin muchas curvas y que se logra siempre entender lo que escribimos. Efecto que deben ocuparse.En realidad todos los efectos se pueden ocupar, pero hay algunos que no son sencillos de ocupar, como lo es bisel y relieve, al ocupar fuentes de tamaño pequeño, si les ponemos bisel y relieve, podriamos incluso distorsionar la fuente, tambien cuidado con trazo, ya que estas herramientas no sirven mucho para fuentes pequeñas a no ser que se tenga mucha experiencia en photoshop, pero no lo recomiendo si recien estas empesando, esto combinados con colores fuertes, hara de tu firma un desastre
Que escribir y no escribir en una firma.Yo recomiendo no escribir mucho en una firma, es una firma, no un cartel publicitacion ni menos un cuaderno Otro detalle que a muchos se les va es el tipico “ By xxxxxx “ En algunos casos esto “By” sirve, como por ejemplo si le haces una firma a un amigo o alguien que te lo pidio ( no es obligatorio poner el by, esto depende del firmero) Pero por ejemplo si tienes tu firma hecha con tu nick y abajo le pones by, lo unico que logras es que la gente crea que tienes un gran ego xD... lo unico que logras es desperdiciar espacio
Inspiration
http://justinmaller.com
PlanetRenders
Seguramente muchos conocen esta pagina web, pero para los que no sepan haremos una breve rese単a de para que sirve y como se usa. Lo principal de esta pagina web es una galeria de renders que esta organizada por categorias, tales como: PC Game Renders, Cartoon/Comic Renders y Others, los cuales tienen sub categorias, tambien aqui encontraremos CG Renders los cuales son mayormente conocidos como C4D con su sub categorias de Abstract 3D Renders y Fractal Renders. En principio es una muy buena galeria de renders de todo tipo, pero para descargar los renders, es necesario registrarse y estar logeado a la hora de descargar. Los Pro de esta pagina web son: -Buena galeria de renders -Muy buena calidad -Gran variedad de renders -Totalmente gratuito Pero tambien en contra: -Poca actualizacion de renders, puedes ver los mismos renders por varias semanas -Todos los renders son propiedad de sus due単os, esto quiere decir que si haces algun trabajo profesional y quieres ocupar algun render debes pedir los respectivos permisos, incluso se tendria que pagar algo ( Algo poco probable, ya que los profesionales, ocupan sus propios renders ) -Inestabilidad de la pagina, aveces puede andar muy rapido, pero otras demasiado lento
A continuacion veremos detalladamente la pagina web
PlanetRenders
10 4
1 3
2
5
6
7
9 8
PlanetRenders
En
detalle
1- Latest Renders- Los ultimos renders que fueron subidos a la web, a esto me referia con la poca actualizacion de renders de la web 2- Featured Render- Es el render destacado, que por lo visto es de Julio del 2009, bien antiguo 3- En este espacio apareceNSOTW = “Newbie Signature of the Week” no hay mucho que explicar el titulo lo dice todo, la signatura de la semana, hecha por algun novato. LAOTF = “Large Art Of The Fortnight” esto seria como una imagen o arte grande que se realiza cada 15 dias. SOTW = “Signature of the Week” la firma de la semana 4- Search- Aqui escribes y le das a buscar, que complicado eh... 5- News- Las ultimas noticias de planetrenders 6- Top Rated Renders- Los renders mas votados o mas populares 7- Popular Forum Threads- Los hilos mas populares dentro del foro 8- Random Afiliates- Aparece de forma aleatoria los afiliados a esta web, para verlos todos hay que darle a “view all!” 9- Featured Links- Son los links destacados 10- Por ultimo Home = Inicio de la pagina. Renders Galery = Galeria de renders, entrando aqui encontraras las categorias. Forum = Foro de PlanetRenders. Blog = El blog de PlanetRenders. Advertice = Anuncios, es el lugar para poder poner tu anuncio en PlanetRenders. Afiliados = Lo mismo que darle a “view all!” en el punto 8. Service = Aqui puedes pagar para que te hagan un render. Contact = Aqui aparecera el mail del admin del sitio para. contactar con el. Register = Aqui te podras registrar, recuerda que solo los registrados podran ver los renders.
Usando niveles
Algunas veces nuestras firmas no nos quedan como nos gustaria, pero no se trata del color, no se trata de los tonos, no se trata de la colocacion del render, el C4D, el pincel o el nick, que nos faltara para que nuestra firma quede como queremos ? Pues lo que se deja mucho de lado, cuando hacemos firmas... Los niveles ¿Pero que es “los niveles”?, el ajuste de niveles nos servira para darle mas contraste a nuestra firma, como tambien para darle mas brillo, mas oscuridad, o que simplemente nuestra firma se vea mas “profesional”. ¿Y como se puede hacer ?, es muy facil, se puede hacer aplicando imagen, nos vamos a imagen / ajustes / niveles... tambien se puede de otra manera, nos vamos a capa / nueva capa de ajuste / niveles... ¿Cuando usar esto de niveles?, yo los prefiero usar al finalizar mis firmas, es para ajustar que todo quiere como yo quiera, si se puede usar antes pero deben tener cuidado ya que al usarlo por ejemplo antes de poner el render ( teniendo el fondo listo) al momento de poner el render, nuestra firma quedara con una fondo con un buen color contraste etc pero el render no lo estara y por ende nuestra firma quedara fea. Pasemos a ver “Niveles” en detalle
Usando niveles
Pero dejemos las palabras, y vamos a la acci贸n :D Esta ves usaremos esta firma y veremos que cambia, como se cambia, y que cambios son mejores para realizar en niveles.
Esta sera la firma sin ningun ajuste de niveles. Ahora manos a la obra Moviendo entrada de sombras.-
Aqui movimos la entrada de sombras, desde 0 hasta 66 y conseguimos con esto que nuestra firma sea mas oscura, las sombras o los lugares mas oscuro de nuestra firma pasaron a ser mas oscuro todavia
Usando niveles
Moviendo gama.-
Moviendo gama hacia la izquierda haremos que nuestra firma gane mas brillo, “el gama en sencillas palabras es el brillo o la oscuridad dependiendo como se use�, al contrario moviendo gama hacia la derecha, nuestra firma sera mas oscura gama: 1,75
gama: 0,40
Usando niveles
Moviendo entrada de luces.-
Moviendo entrada de luces, hace que la firma gane mas brillo, pero ojo, no es lo mismo que mover gama 多y esto por que?, por que gama no descrimina entre sombras y luces, para que se entienda, si subes el brillo con gama, subira el brillo de toda la firma, en cambio si subes el brillo moviendo entrada de luces, se mantendra en su mayoria las partes oscuras de la firma o sombras, aunque claro, con el color muy claro, las partes oscuras de las firmas se veran afectadas y seran mas claras pero no tanto como cuando se usa gama.
Pueden comparar, que la firma con mas color en la cual se movio gama, es mas clara incluso los extremos que son los mas oscuro de esta firma, en cambio esta firma los lugares de los extremos quedaron mas oscuros a pesar de que el centro e la firma esta con mucho brillo.
Usando niveles
Usando seleccion de tonos.Usaremos las 3 cuentagotas que hay Recuerden, la primera es para negro, segunda gris y la tercera blancos Primero usaremos el que sirve para el negro y le daremos click a una parte de la firma, pero como funciona esto ?, hace que el color que seleccionemos pase a ser la sombra, veamos Nuestra color que seleccionaremos sera este que esta en el circulo blanco, para ser mas exacto el color es (8a603d)
Usando niveles
Haciendo esto, facilmente le damos un efecto muy bueno, como ven nuestra firma ha cambiado mucho, para los que sigan sin entender, los que acabamos de hacer es decirle a photoshop, que el color (8a603d), es la sombra o color oscuro de nuestra firma, y de esta manera los colores similares, se oscurecieron tambien Pero no nos quedemos aqui, si nos les gusto el brillo de la firma, ahora nos servira mover gama, en mi caso me gustan las firmas con un buen brillo, asi que movere gama hacia la izquierda en 1,52 y este sera nuestro resultado
Usando niveles
Ahora es el turno del cuenta gotas gris Ahora seleccionaremos este color (ebd1b3)
Usando niveles
Con esto logramos algo similar que lo anterior, pero ahora cambio de color debido a que photoshop interpreto que ese color (ebd1b3) es un color gris Como antes dijimos, si nos quedo con un brillo que no nos gusta le podemos acomodar moviendo gama
Usando niveles
Ahora es el turno del cuenta gotas de colores blancos, este para mi gusto no le da un gran cambio, solo hace que nuestro color con mas brillo tenga un poco mas de brillo, tambien podemos eleguir un color con no tanto brillo, y de esta manera pasara a tener mas brillo, ojo con esto, que si le damos a un color oscuro, nuestra firma quedara muy rara muy brillosa Eleguiremos cualquier color de nuestra firma, recuerden debe ser el color mas brilloso
El color mas claro de nuestra firma paso a ser mas claro y el resto siguio igual, solo esto cambio.
Usando niveles
Bueno, como ven esta herramienta no muy conocida, puede marcar una diferencia en nuestra firma, como siempre digo lo mejor es que prueben por ustedes mismos, cada firma es unica y obviamente no deberan hacer exactamente lo que hicimos con nuestra firma. Se puede jugar con los 3 cuenta gotas, y de esta manera hacer que sea todavia mas unica nuestra firma Aqui les dejare como me quedo a mi firma con el ajuste de niveles que mas me gusto a mi Firma original
Con nivel...
Galeria Destacada
Para empesar con esta seccion, les mostrare el trabajo de ZetaJones http://zetajones.deviantart.com Encontre sus trabajos en devianart y queda alucinando, son firmas y avatares hechas con marco artesanal Ya las palabras sobran, veamos sus creaciones.
Galeria Destacada
Galeria Destacada
Galeria Destacada
Tag Wall Destacado
Y para inagurar esta seccion, veremos los trabajos de zesk8 http://zesk8.deviantart.com/ Tambien encontre sus trabajos en devianart, excelente firmas en todo aspecto pero mejor veanlo por ustedes mismos :D
Tag Wall Destacado
Tag Wall Destacado
Tag Wall Destacado
Tag Wall Destacado
Tag Wall Destacado
Visit
http://flow
Ideas, consult comentalos e
tanos
wcrew.zxq.net
tas, dudas, etc en el blog =)