| Este tutorial es sobre head, lo curioso es que al inicio no tenia planeado que fuese un head sino una firma para el tutorial firma v2 xDDD!!! pero por el tamño nos quedo como un head, ya ni quejarse sirve...vamos llenando este blog de tutoriales sobre tipos de diseños almenos :3 es un tutorial no muy largo, la imagen es larga porque el ancho es chico, y meto imagenes muy grandes, para que vean con detalle los cambios que obtuve nuestro head. NOTA: si tu head no logra obtener el efecto deseado, mirar mas abajo del tutorial, para alguna explicacion. Ya que habran notado que como psd vienen 2 con 2 head diferentes.
RESULTADOS:
¿PORQUÉ NO ME QUEDO ASI MI FIRMA?
La respuesta es algo complicadita, veran el efecto de los colores del head, lo vana poder utilizar en imagenes que sean como el render, si la imagen es muy opaca, talvez no van a poder darle el efecto final, aconsejo que vean bien que imagenes van usar, en todo caso si ven, VIENEN 2 PSD'S uno es la firma de ed y otro es una firma de lelouch, la firma de ed es la del tutorial la de lelouch es la otra version, siendo una imagen con colores diferentes, si no les da el efecto PUEDEN MODIFICAR 3 TEXTURAS (las que vienen colocadas en la carpeta de TEXTURAS ORIGINALES).
EFECTO DE LUCES
Hacer estos efectos son dificiles, debido a las imagenes, ninguna es igual, y las lineas no son diseñadas precisamente para una determinada imagen. algunos consejos que les puedo dar seria que usen el borrador y clonen :) nada se pierde con intentar, más adelante les dare un "TIP" acerca de este efecto, y veran que no es tan dificil como parece, solo nececitan un poquitin de tiempo~. POR CIERTO EN EL PSD VIENEN MUCHAS TEXTURAS DE LUCES QUE LES SERVIRAN. VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL.
| |
|
| Para las cosas basicas en el photoshop, creo que me faltaba colocar un tutorial de esto precisamente, vectorizar, se que muchas personas lo toman como algo muy dificil de hacer, pero es cuestion de paciencia y saber usar la pluma claro esta, me parece que pueden obtener mejor resultados si saben como utilizar la pluma en lugar de otro instrumento, debido a que la pluma da unos resultados exelentes si se trata de curvas. Quiero aclarar el hecho de porque vamos a utilizar PHOTOSHOP en lugar del ilustrador para vectorizar. Me parece que ahi más probabilidad de que mas personas tengan el photoshop en cualquier version que el ilustrador, y asi más personas aprenden a hacer vectores, claro que la calidad de un vector hecha por photoshop e ilustrador se hace visible, ilustrador nos da mejores resultados obtenidos mas facilmente, pero bueno. TUTORIAL VECTORIZACION
RESUMEN
ABRE UN DOCUMENTO NUEVO.
PASA TU IMAGEN A VECTORIZAR AHI.
AGRANDA TU IMAGEN DEL TAMAÑO DEL DOCUMENTO (CTRL+T).
ABRE UNA NUEVA CAPA (CAPA/ NUEVA / CAPA).
CON LA PLUMA COMIENZA A SELECCIONA ZONAS DEL MISMO COLOR.
CLONA EL COLOR QUE SELECCIONASTE.
CON EL BOTE DE PINTURA DALE COLOR.
Y ASI SUCESIVAMENTE EN TODO EL DOCUMENTO.
EDICION VECTORES
Generalmente podemos ver en la mayoria de los vectores que tiene fondos de colores solidos, los cuales no lucen muy llamativos, en lugar de eso, podemos aplicar un poquito los tutoriales ya hechos aqui; Haciendo combinaciones de los efectos, si a un vector le agregas unos efectillos y una font, podemos observar un mejor resultado, yo trate de hacer algo decente con mi vector.
Yo escoji una base de fondo que fuera gris, debido a que los tonos que ahi en la imagen son grises negros rojos y blancos, con un gris mi vector se hiso resaltar, ahora lo que tenia que buscar era la font!.
Para la font, la impact estaba bien, debido a que mi imagen es de tipo cute, ademas de que esuna font gruesa.
El siguiente paso fue escojer los colores de la font, los escoji en tonos rojos la principal, ya que en todo mi vector sobresale un petalo de rosa tinto con toques rojos, asi que en un fondo gris hiba sobresalir un color tinto, quise que el color fuera haciendo cada vez mas obscuro le da mas personalidad al grafico.
Una vez que coloque la primera font, porque no areglarlas para colocarles más texto (?), luceria un poco mas llenita pero sin verse saturada de texto, rate que las 3 fonts que coloque fuesen de diferente tamaño y sobresaliesen colores, para verla mas llamativa.
Tambien podemos ver los petalos de rosa, ¿porqué petalos de rosa?, simple porque mi vector mi texto y la idea en general es esa, el principal objeto o mas llamativo que tiene mi persona son los petalos de rosa (para quien ya miro el video de vacaloid ALICE HUMAN SACRIFICE lo entendera).
Para finalizar coloque un pequeño charco, que no venia en la imagen original, debido a que mi pequeño zombie esta soltando lagrimas obscuras, porque no darle un charco?, el charco fue bueno, debido a que le combino con el color tinto de los petalos, que van callendo hacia el.
Y ¡ LISTO! tenemos una imagen un poco mas llamativa que las del resto, es un vector que va llamar la atencion que uno que solamente fue vectorizado y colocado con un fondo solido.
2000x2000 es una medida muy grande, lo se, pero si en algun paso uds tuvieron problemas, al hacer chico el vector, si recortaron un poco mal eso se hace menos notorio, y los resultados mejoran :3.
Espero que el tutorial haya sido de su agrado realmente y que les sea util para alguna cosa~
VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL.
| |
|
| Ahora hagamos un icono xD el resultado sera el siguiente:
TUTORIAL: ICONO V1
DESCARGAR: .PSD
En el psd, van a ver 2 psd, debido a que este tutorial esta divido en 2 parte, la primera es aquella en la que logramos el color deseado que seria el resultado 1, el segundo paso nos da el color del resultado 2 y hacemos el icon bien terminado como lo dice el final. Creo indispensable que descarguen el .psd, por si se llegan a perder en algun paso ahi tendra el psd y veran cual fue el error cometido.
PASO 1
Este sera mi base, tu puedes escojer cualquier otra, aconsejo que uses esta para que vayas biendo que el resultado sea el mismo.
Ahora, ya que nuestra imagen esta abierta, nos iremos a capas/nueva capa de ajuste/curvas
Les aparecera una ventana y denle ok, si observan tendran una capa nueva (R)
Ahora vamos a ponle estas cantidades a la opciond e curvas:
nos iremos a capas/nueva capa de ajuste/curvas de nuevo damos ok y llenamos con estos valores ahora:
Ahora dejaremos las curvas de momento xD~
ahora iremos a capas/nueva capa de ajustes/correccion selectiva
*ignoremos el aqui, me dio weba subir otra imagen xD*
amh si sigo subiendo imagenes, jamas terminaremos asi que colocare texto en esta parte de correccion selectiva, vemos divido en muchos colores, vamos iniciar por el:
ROJO
-100
-84
100
0
AMARILLO
-100
-58
-69
31
CYAN
-100
-100
-100
100
AZULES
-4
27
-100
-68
NEUTROS
21
-17
-13
0
NEGROS
13
30
0
10
Despues de esas 3 capas que hisimos el color de nuestra base cambio,como pudieron ver en la imagen anterior. Ahora colocaremos unas texturas para dar un mejor color.
Nos pasaremos a la capa 1 daremos clik derecho (en la ventana de capas en la capa 1 ovio) y daremos clik a la opcion de duplicar imagen, nuestra imagen se va a duplicar entonses la subiremos hasta arriba de todo.
Para que no se enreden, asi nos quedaran:
La capa que dice: capa1 copia 2, van a selecionarla (solo den clik ahi una vez), y ahora den Ctrl+U (en su teclado) o capa/nueva capa de ajuste/tono y saturacion. Nos aparecera una pequeña ventana a la que colocaremos la opcion de colorear:
y nuestra imagen quedara un poco mas cafesita : D!
Amh, se que a lo mejor no ven la diferencia, pero es muy leve, que una es un poco mas obscura que la otra xD uds haganlo nomas.
Ahora colocaremos algunas texturas:
 
La textura la pondremos en MULTIPLICAR y en OPACIDAD:36%, y nos dara e resultado que se muestra ahi.
 
LUZ SUAVE - OPACIDAD:77%
 
LUZ SUAVE-OPACIDAD:100%
 
SOBREXPOSICION LINEAL-OPACIDAD: 53%
 
TRAMA-OPACIDAD:100%
Ahora,,vamos a duplicar la primera imagen (Nuestra base original) y la vamos a subir hasta arriba. nos iremos a
FILTRO/ DEFENFOCAR/ DESENFOQUE RADIAL.
Nos va aparecer una pequeña ventana, donde dice Cantidad, coloquen 10 y den ok.
nota: la tenemos colocada en giro.
y nos va quedar algo asi:
Ahora vamos a capas/nueva capa de ajuste/curvas
Para hacerlo rapido, ya saben: nos saldra una ventana bla bla bla, ahora pongan estos numeros
RGB: ENTRADA:70 SALIDA:144
ROJO:ENTRADA:146 SALIDA:138
VERDE:ENTRADA:83 SALIDA:88
AZUL:ENTRADA:123 SALIDA:112
ok, veriquen con el psd estos datos, dale, por si no les sale el color deseado.
 
LUZ SUAVE-OPACIDAD:100%
HASTA AQUI LLEGA LA PARTE 1
PARTE 2
Ahora sigue la parte mas, facil (?), espero que les paresca facil xD despues del tedioso paso 1, les dejare una basesita en donde trabajaremos el icono :3
ok, ya terminada nuestra base a utilizar, mediante el gigantesco PASO 1, vamos a darle a Ctrl+A, y se va seleccionar el icono, o seleccionenlo xD~, luego iremos a edicion/copiar combinado, ojo que diga COPIAR COMBINADO.
luego abriremos una capa nueva, que sea de 100x100, colocaremos pegar o Ctrl+V, y aparecera nuestro icono como capa unica y con el color ya generado anteriormente, despues colocaremos este color ensima:
SOBREEXPOSICION LINEAL-OPACIDAD:AL GUSTO,EL MIO ESTA EN 75%
Aqui el resultado numero 2, recuerdan ;3, los resultados en la coloracion van a variar dependiendo de como sea su base, si eso llegase a pasar modifiken en OPACIDAD las curvas y texturas y pueden obtener resultados parecidos, aqui algunos ejemplos de otros resultados:
    
 
Si observan este es el resultado numero 2. Ahora vamosa selecionarlo Ctrl+A,copiar combinado, y lo vamos a pasar a nuestra base de textura:
En la parte cafe de 1 solo color, arribita, vamos a colocar la imaen, donde se vea bien colocada el rostro de nuestro persona, y en la parte inferior, colocaremos un pequeño detalle significativo d enuestro personaje, quedandonos un resultado asi:
El resultado va siendo exelente no lo cren (?), bueno llego la hora de colocar el texto, les aconsejo que se lean el tip que les deje por ahi, donde mas les agrade coloquenlo yo lo colocare arriba del texto xD!!!
TRAMA-OPACIDAD:89%
LUZ SUAVE-OPACIDAD:27%
ACLARAR-OPACIDAD:38%
TRAMA-OPACIDAD:100%
RESULTADO:
Creo que el resultado es bueno, el tutorial posiblemente sea muy laborioso, pero si usan el psd, solo tienen que cambiar las imagenes del personaje, y obtienen un icono semi decente xDDDDDDD!!! creo que la coloracion que viene incluida es muy buena para todos aquellos que van iniciandose en el photoshop, espero que les haya gustado el resultado y bueno que les sirva el tutorial, ESTOY ABIERTA PARA DUDAS Y SUGERENCIAS (aunque nadie nunca me deje mensajes ni lea mis tutoriales xD)
ANTES DE DESPEDIRME NO ME VOY SIN ANTES DEJARLES LA PROPAGANDA DE MI BLOG YAOI Y HENTAI.
VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL.
| |
|
| Diganme a quien no le gustaria mejorar un poco con el estilo de fuentes o fonts, que usamos en nuestros diseños (?). Este tip es muy bueno e importante, para todos aquellos que nunca han sabido que fonts combinar, en el tutorial anteior de layout v1 se coloco un muy bueno tip, acerca de las fuentes, pero aqui tendremos el tip bueno. TUTORIAL: TIP 1- FUENTES V2
Generalmente, cuando hacemos un diseño, todos tratamos de que lusca lo mejor posible, en algunas ocaciones obtenemos unos efectos espectaculares pero cuando colocamos las fonts, bueno xD creo que sabemos como finaliza ese enunciado.
TIP PARTE 1Si no sabes que tipo de font le puede ir a tu firma, te pasare un psd junto con las fonts, estas fonts son muy esteticas y buenas, y combinan con muchos diseños, son estelizadas ya, lo unico que tendran que hacer es copiar y pegar, cambiar el texto.  FUENTES + .PSDYa obtenidas las fonts, instalenlas, y coloquenlas en sus diseños. Mucho ojo, cada diseño refiere a una font diferente, quiero decir lo siguiente, si es un diseño muy largo y corto, la font debe ser delgada y un poco separada (ejemplo la que dice arthun), si tu diseño es muy cuadrado, puedes colocar una como la que dice alucard, cada diseño te pide una font diferente asi que ojo con eso. ¿LA COMBINACION ES IMPORTANTE?Yo diria que es como una de las bases para lucir esteticamente agradable, generalmente cuando miramos, englobamos las cosas, como lo son los colores, si mi diseño contiene mucho color verde, trataremos de que mi font sea verde, pero no un verde fosforecente, sino un verde que vaya acorde a mis colores en mi diseño, como se que a lo mejor no muchos entienden con palabras, haremos esto visual. Antes de eso, me gustaria decirles como copiar de forma identica los colores:  ok comensemos con la parte visual, ahora si:  En este icono vemos que mi texto es color tinto con negro, son colores que combinan muy bien, ademas fueron colocados en una imagen que tiene muchos tonos de blancos, pero la razon por lo que asociamos estos colores son 2, en la imagen el cabello de shinn es color negro, el cual sobresale mucho, entonses nuestro color acaba de combinar ya!, pero ¿y el tinto? veamos los ojos de shinn que son de color tinto! eh ahi el color que nos ayuda a combinar, pero tambien viera sido una buena combinacion el color azul palo de la ropa del personaje.  En esta imagen sobresalen los tonos lilas, el negro y el rosa, que son los colores que fueron utilizados en la font, si notamos el lila del brush sobresale demaciado, asi que con esos tonos hise la mayoria del texto, luego podemos apreciar otro tono cafe, que es el de la ropa de lee y tonos violetas, en japones, esa font ayudo a la firma, nos da un tono mas oriental, y nuestro render (imagen) tiene una vestimenta muy oriental, asi que ¡bingo! una buena combinacion. Por cierto si habran notado subraye la parte que dice intelligence, debido a que es la caracteristica mas grande de nuestro personaje.  Esta firma en lo persona ha sido de la cual e resivido mejores comentarios, ¿la razon?, la unica explicacion posible que puedo ver es la siguiente: TENEMOS UN TEXTO INICIAL MUY SOBRESALIENTE (SOLDADOS X) cuando coloques una font con un tamaño grande trata de darle un buen efecto, si notamos aqui solo ahi colores blancos y grises que le combinan estupendamente al personaje ES UNA FIRMA BASADA EN FONT'S como ya se habia comentado anteriormente en muchas ocaciones no podemos o no colocamos una font que vaya esteticamente en nuestra imagen, pero que pasa cuando utilizamos muchas fonts y jugamos con ellas (?), el resultado es estupendo, RECUERDEN SI TU IMAGEN ESTA MUY SATURADA NO USES MUCHAS FONTS CON 2 BASTARA, en mi caso solo habia una imagen coloriada y las fonts se encargaron del resto. CUANDO COLOQUES EL TEXTO trata que vaya acorde a lo que expresa tu render (imagen) o diseño, es mi caso trata sobre una angel que es utilizado para asesinar y habla mucho sobre la justicia, tambien utilize frases que lo simbolizan mucho.  Cuando tu imagen vaya a ser muy obscura, no coloques colores que vayan a ser muy brillantes porque perderas el equilibrio entre los tonos, en esta firma utilize muchas texturas lo unico que hise fue coloca la font hasta abajo de las texturas y resivio el mismo efecto que toda la firma, como veran esta firma esta saturada de texto, lo mejor viera sido ver eliminado la parte de arriba que dice TIBURON y viera quedado una buena firma. Creo que con estas imagenes me doy a entender bien, lo referente a las fonts. Para finalizar el tip, miren les dare algo bueno, si queremos darle un poco mas de estilo a nuestras fonts, podemos hacer esto:  En la imagen que les muestro, tenemos una frase REVOLUCION, que sera nuestra font base, luego arriba en letritas pequeñas tenemos algo que dice evolucion es sinonimo de accion, aqui el truco es el siguiente nuestra frase tiene 2 sentido, usamos la palabra evolucion pero si unimos con nuestra R gigante dice revolucion de nuevo, uds pueden colocas su font base y arriba en letrtitas pueden poner otra frase que se forme con la letra inicial como: ENTRA EN EL JUEGO DE LA CRUEL REVOLUCION -las letras pequeñas podrian decir Extasis de mi corazon, sin la E, debido a que esa E estaria en grande con nuestro texto base.
Los dejo con algunos ejemplos de fonts en iconos: | |
|
| ok El siguiente tutorial es para hacer lays. LAYOUT: son aquellas imagenes generalmente grandes, colocadas al top de una pagina web o blog,este es un tutorial, largo, desde mi punto de vista esta EXELENTEMENTE explicado, y no creo que vayan a surgir muchas dudas, ademas es una grandiosa oportunidad para todos aquellos que no saben mucho sobre ¿QUÉ FONT (fuente) UTILIZAR?, se podria decir, que este es uno de los mejores tips que podran encontrar en el blog, por mediafire, van encontrar todo, los recursos (texturas,imagenes,render,etc) ademas encontraran el tutorial, como imagen, por si no decean ingresar a deviart, asi lo podran leer desde su pc, ADEMAS SORPRESA, CONTIENE EL .PSD. ¿QUÉ ES UN .PSD? un .psd es el formato de una imagen, en donde viene cada capa (layer) con el efecto aplicado, asi uds podran ver,mover,quitar, por si se llegasen a travar en alguna parte, NO CREO QUE SURGAN DUDAS. pero igual :3 acepto las dudas que surjan <_x!!! y las contestare lo mejor que pueda. PROGRAMA: PHOTOSHOP
VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL. | |
|
| Cuando vamos empezando con un programa como lo es photoshop, de repente vemos muchas trabas, el porque es muy sencillo, debido a que es un sofward que posee muchas herramientas con que manejarlo, por eso les hare TIPS, que seran en parte lo mas importante que van a tener mis entradas de este livejournal, en estos tips aprenderas cosas, como texturas,fonts, entre otras más, como nos vamos iniciando en el programa vamos a iniciar por: LAS HERRAMIENTAS LAYERS-QUE SON Y COMO USARLAS LOS BRUSH-COMO CREALOS Y GUARDARLOS TEXTURAS-COMO COLOCARLAS PATTERN-COMO COLOCARLOS EN EL PHOTOSHOP Todos estos tips son sumamente importante, que aprendas a manejarlos correctamente, asi que sonara aburrido, pero a leer tips xD! nota: den clik en las imagenes que iran a photobucket y ahi mostraran su tamaño original. saludos~ ESPERO QUE LOS TIPS LES HAYAN SIDO DE UTILIDAD, SALUDOS~
VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL.
| |
|
| Talvez se vayan a preguntar que de "especial" tiene borrar el texto solo das a la flechita del teclado, xDDD para todos aquellos ingenuos, no me refiero a ese texto, sino el de una imagen ya plasmado.Cuantos de nosotros no hemos dejado de hacer un grafico en una imagen por el simple hecho de que la imagen tiene texto encima (?), cuantas imagenes no son de nuestro agrado por eso, bueno este tutorial les da la solución a ese problema, espero que les sea de utilidad! VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL.
| |
|
| Hola y Bienbenidos a todos aquellos fanaticos del livejournal y el diseño. Este blog lo abri precisamente para eso, no soy licenciado en diseño ni nada de eso, es mi hobie y me gustaria compartir mis conocimiento con todos aquellos interesados. Mis conocimiento van desde:
PHOTOSHOP
IMAGEREADY
ILUSTRADOR
MANGA ESTUDIO
Asi que nos enfocaremos a utilizar estos programas, si uds tiene una duda de como hacer un efecto, pueden preguntarmela dejando un mensaje y con gusto intentare ayudarlos, haciendo un tutorial lo más apreciable posible.
Sin mas preambulos, comensemos con el primer tutorial, lo hise ya hace algo de tiempo, no es muy dificil pero el efecto que nos generara es bueno, sencillo pero apreciable, si se tiene alguna duda sobre el tutorial no duden en publicar algun comentario, y con gusto la resolvere.
PROGRAMA: PHOTOSHOP (CUALQUIER VERSION)
VISITA MI OTRA WEB, DONDE ENCONTRARAS DOUJINS YAOIS, ALGUNOS EN ESPAÑOL. | |
|
| |
