naruto
02:36 17/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
Bien, como esto ha tenido más repercusión de la que creía (Incluso mucha gente que no ha escrito en este tema, he visto que en algunos de sus trabajos han utilizado tips de este tutorial; Por ejemplo el "truco" del fondo de color grisNS, en vez de utilizar GIFS)

Así que pensé en hacer aquí mi pequeña guía de tutos, iré colocandos en la útlima página que haya en ese momento, para que esta primera, no os tarde siglos en cargar.



INDICE:


- DESCARGAR E INSTALAR PINCELES -

Tutorial:


Los mejores pinceles que podeis descargar estan en DA:
search.deviantart.com/?section=browse&qh=boost%3Apopular+age_sigma%3A24h+age_scale%3A5&q=photoshop+brushes
Para firmas y walls, os aconsejo que bajéis pinceles grunge, abstract o 3D.

Elegid los que os gusten y clicar, en la nueva ventana que se abrirá, a la izquierda de la imagen vereis DOWNLOAD, clicar ahí.
Descargarlos, descomprimirlos, y copiar el archivo ABR a la carpeta:
C:\Archivos de programa\Adobe\Photoshop CS\Ajustes preestablecidos\Pinceles
O la carpeta similar que corresponda a vuestra versión.

Abrid el Photoshop, abrid cualquier documento, y seleccionais la herramienta pincel.
Le dais a la flecha de selección de pincel > flecha de menu de pincel > elegís los que hayáis descargado uno a uno y le dais a "añadir" tal como veis en la imágen.

http://i103.photobucket.com/albums/m160/judasnet/Dibujo2-1.jpg

Ya veis que tengo bastantes pinceles, hay que estar bien armado ;)



- TUTORIAL DE FIRMA CON MARCO -

Resultado:
http://i103.photobucket.com/albums/m160/judasnet/Dibujoeee.jpgTutorial:

Esto es un tutorial de nivel medio, que tenía que hacer para cierta gente.
Visto los nefastos resultados de algunos tutoriales que hay por ahí y como algunos cuantos en NS, me han pedido que les enseñe a manejar Photoshop mediante privados, msn, firmas, etc. he reunido todo aquí, y explicandolo de forma sencilla para todos.


INSTALAR PINCELES:

Lo primero, vamos a usar pinceles nuevos para la firma.
Yo, para este tutorial he utilizado estos brushes entre otros:
Pinceles 1
Pinceles 2
Pinceles 3

Descargarlos, descomprimirlos, y copiar el archivo ABR a la carpeta:
C:\Archivos de programa\Adobe\Photoshop CS\Ajustes preestablecidos\Pinceles
O la carpeta similar que corresponda a vuestra versión.

Abrid el Photoshop, abrid cualquier documento, y seleccionais la herramienta pincel.
Le dais a la flecha de selección de pincel > flecha de menu de pincel > elegís los que hayáis descargado uno a uno y le dais a "añadir" tal como veis en la imágen.
Ya veis que tengo bastantes pinceles, hay que estar bien armado ;)

http://i103.photobucket.com/albums/m160/judasnet/Dibujo2-1.jpg

Bajaros más de esos 3 que yo he puesto, que os vendrán muy bien.
Podéis bajar más brushes de aquí:
search.deviantart.com/?section=browse&qh=boost%3Apopular+age_sigma%3A24h+age_scale%3A5&q=photoshop+brushes
Para firmas y walls, os aconsejo que bajéis pinceles grunge, abstract o 3D.


IMAGENES NECESARIAS

Aparte de pinceles, para esta firma necesitaremos las siguientes 3 imágenes, guardarlas en una carpeta de vuestro PC:


http://i103.photobucket.com/albums/m160/judasnet/SasuKe.png

http://i103.photobucket.com/albums/m160/judasnet/COLORNScopia.jpg

http://i103.photobucket.com/albums/m160/judasnet/FireBack.jpg




***********************************************




Abrimos nuevo de 500*150 pixels.

Bote de pintura y rellenamos de negro.

Ahora la imagen que os he dejado de Sasuke, arrastradla al Photoshop, es un PNG recortado, así que no teneis que hacer nada más que Ctrl+A (Seleccionar todo)Ctrl+C (Copiar)
Y en el documento de la firma Ctrl+V (Pegar)

Quedará más grande... Darle a Ctrl+T (Transformación libre) y ajustar el tamaño a la firma, manteniendo pulsado Mayús. para así reducirla proporcionalmente y no deformar la imágen, debe quedar así:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo-2.jpg


Apretamos Ctrl+N (Capa nueva), y la colocamos entre la capa de fondo negro y el render de Sasuke.
Bien, con los nuevos pinceles, vamos pintando la capa nueva. Yo he pintado el fondo de la capa con blanco con un pincel 3d,
encima de esto he pintado con pinceles grunge en color negro.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo4-2.jpg


Apretamos Ctrl + N y creamos otra capa nueva, la ponemos arriba de todas. Pintamos con pincel blanco los contornos del render de Sasuke, para
difuminarlo y que se acople al fondo, de esta manera:

http://i103.photobucket.com/albums/m160/judasnet/Dibujo3-1.jpg


Bien, ahora marcar las casillas que señalo en la siguiente imágen, para que aparezca la cadenita, y mantener seleccionada la capa marcada. Pulsar Ctrl+E (Combinar enlazadas) Veréis que esas 3 capas se combinan en 1 sola.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo4-1.jpg


Duplicar esta capa, boton derecho encima de la capa > Duplicar capa. De forma que debemos tener en la ventana de capas, 2 capas identicas, y una abajo del todo de color negro. Seleccionamos la capa que ha quedado arriba de las 2 iguales, y le damos a Ctrl+U (Tono y saturación) y le damos los siguientes valores y aceptamos.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo5-1.jpg


Con la capa superior seleccionada, cojemos la herramienta de Marcos, y hacemos un marco rectangular, de lado a lado de la firma como indica la imágen, y apretamos el botón Supr (Eliminar) verémos entonces esta parte como la antigua capa. Quedará de la siguiente forma.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo6.jpg


Hacemos doble clic encima de la capa superior, y se abrirá la ventana de "Estilo de capa"
Marcamos las siguientes casillas y damos los siguientes valores:
- Sombra paralela -> Opacidad 100%
Todo lo demás lo dejamos tal cual.
- Trazo -> Color negro, posición fuera, tamaño 2.
- Resplandor exterior, lo dejamos todo como en la siguiente imágen:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo7.jpg


Aplicados esos efectos, ahora pulsar Ctrl+Mayus+E (Combinar todas las visibles) y todas las capas pasarán a una.
Bien dejemos este documento abierto y vayamos a otro nuevo de 700*250 pixels y fondo transparente. Vamos a ir a por el marco, esta vez lo haremos por separado, para que os resulte más fácil. Realmente hay muchas formas de hacer marcos, esta es una de ellas.
Abrid con PS la imágen del color de fondo NS que he puesto al principio, con la herramienta del cuentagotas, extraeis el color gris, vais al nuevo documento y con el bote de pintura, y pintais el fondo de ese color.

Ahora escojemos la herramienta de forma, el rectangulo, seleccionamos el color blanco y paso a explicaros lo señalado en la imágen. Solo utilizaremos A, B y C.
A- Crea una nueva forma
B - Suma una forma a la que ya tienes
C - Resta una forma a la que ya tienes.

Con esto, ya es cuestión de ir jugando para crear vuestras formas.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo8.jpg


Vamos a hacer un marco simple.
Hacemos un rectangulo que ocupe casi todo el cuadro del documento, cojemos ahora la herramienta de forma rectangulo redondeado, y seleccionamos la opción de restar forma (C). Y hacemos un rectangulo redondeado dentro del rectangulo anterior. Veréis como se resta.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo9.jpg


Ahora seleccionamos elipse, y marcamos la casilla de añadir forma (B), hacemos 2 elipses y 2 rectangulos que se sumarán de esta forma:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo10.jpg


Le damos al botón derecho, encima de la capa de la forma, y clicamos en "Rasterizar" Todas las formas se combinarán en una.
Ahora abrimos la imágen de llamas que he puesto, la seleccionamos (Ctrl+A) y la copiamos y pegamos (Ctrl+C y Ctrl+V) encima de la capa de forma.
La aumentamos (Ctrl + T) hasta que ocupe la totalidad del documento. Aplicamos la transformación.
Ahora, con el Ctrl pulsado, pinchamos en la capa de la forma (La que está entre el fondo y las llamas) y veremos como se selecciona automaticamente. Ahora pulsamos Ctrl+Mayus+I (Seleccionar inverso) La selección se invertirá y quedará de la siguiente forma:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo11.jpg


Ahora apretamos suprimir, veremos como se borra todo menos la forma del marco. Seleccionamos la capa de las llamas, y marcamos la casilla de la cadenita en la capa del marco, como he señalado en la imágen de arriba y las combinamos (Ctrl+E) Os debe quedar esto:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo12.jpg


Hacemos doble clic en la capa que acabamos de combinar en la ventana de capas, para abrir las opciones de "Estilo de capa" y le damos los siguientes valores:
- Marcamos: Sombra paralela, Distancia 9 , Tamaño 6.
- Marcamos: Bisel, y le damos los siguientes valores.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo13.jpg


Bien, ahora vamos al documento de Sasuke que habíamos dejado abeirto, todo combinado en una capa, lo seleccionamos todo (Ctrl+A) y copiamos y pegamos en el documento del marco, ponemos la capa entre el fondo gris, y la capa del marco, ajustamos el tamaño de la imágen hasta rellenar el marco (Con las mayus. apretadas, para no deformar)
Enlazamos y combinamos las 2 capas (marco y firma) dejando la del fondo separada, Hacemos doble clic en la capa de la firma, y en opciones de estilo de capa, le damos valores de resplandor exterior y debe quedar así:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo14.jpg


Bien, ahora cojemos la herramienta de texto, con color blanco, tamaño 18 y una font que os guste. Colocamos 1 nick en 2 de las esquinas, y le damos a las capas los siguientes valores:


http://i103.photobucket.com/albums/m160/judasnet/Dibujo15.jpg


De la misma forma, hacemos lo siguiente, y le damos estos valores:
- Trazo : Color negro, posición fuera, tamaño 1.
- Sombra paralela: Los siguientes valores.
La opacidad de las "pride" y "revenge" debe ser del 60% como se indica en la imágen.


http://i103.photobucket.com/albums/m160/judasnet/Dibujo16.jpg


A las 2 capas de Nick, le damos una opacidad de 70%.

Pues ya está todo listo... Ya la podéis guardar como JPG tal como está, como el fondo es del mismo color que el fondo de NS, no se verá. Esto lo hacemos para evitar las pixelaciones típicas del GIF, aunque nos tocaría modificar el color del fondo si la pensamos utilizar para otro foro.
He aquí el resultado:


http://i103.photobucket.com/albums/m160/judasnet/Dibujoeee.jpg


Espero ver vuestros trabajos... Especialmente a mis 4 alumnos predilectos: Pedro, Sure, Weiss y Anakin ;)

Cualquier duda, aclaración, etc. post al canto.




- TUTORIAL EFECTO GOTAS DE AGUA -

Resultado:

http://i103.photobucket.com/albums/m160/judasnet/TUTGOTAScopia.jpg

Tutorial:
En la página 2 de este tema.





***
Por supuesto no dudeis en presentar vuestros resultados o preguntar vuestras dudas si os atascais. Analizaré y responderé en medida de lo que mis conocimientos me permitan ^^
Espero que os gusten y os ayuden los tutos!!

Páginas: [1] 2 3
#1 @ 02:43 17/09/2007
naruto hokage95

Baneado
Akatsuki
genial , siempre eh querido aprender a hacer firmas con el PS
#2 @ 03:26 17/09/2007
sasuke_kun

2224

Colaborador
Akatsuki
hay que ver como se lo curra mi old-version!
Muchas gracias tio!
PD: trankilo que mañana tienes tu premio! para mas información priv! ;)
#3 @ 05:08 17/09/2007
naruto hokage95

Baneado
Akatsuki
de donde me puedo descargar el PS?
#4 @ 06:24 17/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
#2 A ver si es cierto chiibi-version... Te tomo la palabra.

#3 Pues a ver hokage95... supuestamente en NS no se puede dar soporte a software ilegal...

Pero mira, me voy a a arriesgar un poco...
Puedes bajarlo de AQUI

Espero ver tus firmas pronto ;)
#5 @ 06:33 17/09/2007
naruto hokage95

Baneado
Akatsuki
donde le pongo para bajarlo?

PD: cuando lo baje podras borrar el link ;)
#6 @ 13:35 17/09/2007
.:Aru-Kun:.

54987

Usuari@
Estudiante
Esta de P.M. gracias!
#7 @ 16:51 17/09/2007
Naruto-xZx

55535

Usuari@
Chuunin
no puede ser, justo q dan una leccion de como manejar el photo shop, ami se me borro del ordenador (no se como)
x favor alguien me lo puede pasar x un a-mail?? x faaa!!

si me desean ayudar avisenme por mensaje privado
gracias
#8 @ 22:52 17/09/2007
zodiark

53894

Usuari@
Nivel: Chuunin
Iska tío, ya terminé la firma, así que uno de tus alumnos predilectos cumplió con su trabajo ;) .
A ver, debido a que no deje mucha diferencia de espacio entre el marco y el fondo ese...pues en el lado derecho se ve el resplandor y no el color de fondo UU, pero bueno aquí está:
http://img216.imageshack.us/img216/1482/firmacopiajejeeb1.jpg
#9 @ 15:29 18/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
Bueno Zodiark...

He aquí uno de mis preciados alumnos... La nueva sangre del Photoshop...

Como ya te dije:

- El fondo no es el mismo color que NS, lo has modificado... por lo tanto se te queda un recuadro de color alrededor de la firma, y este no se fusiona con el fondo de la web.
- - Los pinceles están un tanto sosos... Apenas has dejado una capa de pincel grunge que parece un filtro, no se aprecian formas o trozos más sólidos. Intenta usar los pinceles a modo de composición, mezclandolos entre ellos (Sólidos y translúcidos) y dandole más relleno al fondo de la firma. Es decir, que el fondo parezca un objeto o un fondo por sí solo.
- Las 2 palabras que hay dentro de la firma, las has resaltado con relieve... eso me gusta bastante.
- El marco lo has clavado, enhorabuena... (Ves probando a hacer nuevas formas más complejas... usando por ejemplo las "formas personalizadas")
#10 @ 16:24 18/09/2007
akakage

21092

Usuari@
Nivel: Chuunin
Muy bueno el tuto, como siempre, firmas sorprendentes

Cuando tenga mi firma echa la cuelgo

salu2 (alabanza)
#11 @ 18:20 18/09/2007
Weiss

35202

Usuari@
Nivel: Chuunin
iska, yo tambien acabo de hacer la firma ^^
http://img515.imageshack.us/img515/6633/firmaiskaqr7.jpg


a cuidarse!
#12 @ 18:34 18/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
Muy bien Weiss... Apenas has empezado y te va bastante bien...

Según mi opinión:

- El principal fallo es el mismo que el de pedro, el pincel que habéis usado apenas lo has combinado... Yo llegué a utilizar en el tuto hasta 8 pinceles distintos solo para el fondo... Tenéis que tratar de rellenar más el fondo, con algunos pinceles más solidos... No solo el grunge. Por lo tanto, el fondo de firma queda algo sosa.
- Las letras te han quedado bastante contrastadas y legibles... enhorabuena.
- Como te digo, te ha quedado una línea de resplandor a la izquierda... a veces pasa dependiendo de como has utilizado las formas... Te explico, en la misma capa que has utilizado el resplandor, fuera del tamaño del documento (Es decir, incluso fuera del fondo gris) te has dejado fuera del lienzo una parte sólida.
Lo puedes arreglar. Con el rectangulo de seleccionar, el mismo q habéis utilizado para la firma. Rodea la firma en si (Sin llegar a la linea blanca de la izkierda) y dale a Ctrl+J... Ese recuadro seleccionado se copiará. Elimina la capa de abajo.
- Quizás deberias haber aumentado un poco más la imágen de las llamas para el marco... para que no quedara tan negro y tuviese más tonos rojizos.

- Por cierto, ninguno de los 2 habéis puesto capa con pincel encima del render, alrededor del pelo de Sasuke. Solo habéis puesto pincel de fondo o tapando todo. Fijaros en la firma final del tutorial, como con los mismos pinceles del fondo, he tapado un poco los contornos del pelo de Sasuke (Solo el pelo, no la cara), para que se confunda y se integre más con el fondo.
#13 @ 19:53 18/09/2007
Anaking

47020

Usuari@
Nivel: Chuunin
Alavado seas Iska(alabanza) (alabanza),dios del PS(alabanza),axias x el tuto tio,me va a venir mu bien para practicar,k falta me hace ;)

weno,aver k tal ma salio ;) (le e cambiao los colores)
http://img515.imageshack.us/img515/1055/tutodeiskacopiawd9.png
#14 @ 00:55 20/09/2007
Naruto-xZx

55535

Usuari@
Chuunin
waw!!!! todos son muy buenos haciendo firmas!!!! yo ni bien termine de decargar el photo shop del emule, hare una firma como ISKA dijo, y se la mostrare
#15 @ 01:39 20/09/2007
xHinata.X

58262

Usuari@
Genin
Woow!

yo se usar photoshop pero no me savia esos trucos
#16 @ 01:58 20/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
#13 Aquí está mi 3er alumno predilecto (Solo falta el vago de siempre, el Sure... es peor que darle clases a Naruto)

Muy bien Anaking, analizemos


- Lo primero es lo primero: Has oscurecido el gris del fondo de alguna manera, no es el mismo gris que el de NS. Por lo tanto queda un recuadro oscuro alrededor de la firma.
- Buena la imágen del agua para el marco (Es agua verdad?) lo has clavado eso, muy bien. Sigue probando las texturas que te dije, y pasa a otras cosas como figuras en 3d u otros dibujos para los marcos. Esto lo llevas muy bien aprendido.
- Bien el fondo, creo que has utilizado unos 3 o 4 pinceles... bien. Quizás tapar un poco más los alrededores del pelo de sasuke en la capa de pinceles superior (No la del fondo)... para que se integre al fondo, aún así bien, eso es algo de gustos.
- Si te fijas, en los 2 semicirculos del marco (Los q hiciste en las esquinas para la forma del marco, justo en la F de FM y abajo de la G de anaking) se han quedado algo pixelados al recortarlos y unirlos al marco (Como le pasó a Weiss) Sería conveniente q con la herramienta desenfocar (La de la gota) y un pincel pekeño, lo pases por encima, para disimularlo y mejorarlo.
- El nick "FM Iska" lleva la sombra demasiado alejada... por lo que da sensación de levitar, más que de relieve. No has puesto bien los valores de esa capa. Fijate como es distinto al de Anaking ... Te explico:
Boton derecho encima de la capa "Anaking" > Copiar estilo de capa.
Boton derecho encima de la capa "fm Iska" > Pegar estilo de capa.
Se te copiarán todos los valores idénticos y quedará igual.

Por lo demas muy bien. ;)


#17 @ 15:31 25/09/2007
Thor Draconian

58352

Baneado
Nivel: Chuunin
esto podria llamarse el clan photoshop...alguien podria decirme como descagar el photoshop mas RAPIDO del emule?? es q yo hace ya como una semana que lo comene a descargar, y recien va el 7 % descagado por favor si saben diganme

oye ISKA, estas seguro que donde pusiste "AQUI" se puede descargar el photoshop con seguridad?? sin precauciones??
#18 @ 19:53 25/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
#17 xD

Tio, donde pone "AQUÍ" es un enlace a Google. Ahi encontrarás el Photoshop para descargar si lo buscas xD
Lo que quería decirle a NH95 con ese enlace, es que hay que buscar más en Google primero, y menos preguntar por preguntar, no creo que sea muy costoso ni dificil escribir "Descargar Photoshop" en el Google...
Entre otras cosas, porque supuestamente no se puede dar soporte a software ilegal en NS.
#19 @ 23:52 25/09/2007
arcania

53794

Usuari@
Nivel: Chuunin
3 cositas ¿tienes el premiun o cual es el que sale en las imagenes?

2¿como ago para aserlo al español al descargar me salio que si español le di quesi y me salio en ingles de todos modos?
#20 @ 02:32 26/09/2007
FullMetal Iska

52755

Usuari@
Nivel: Kage
Hay un PS Premium?? O.o
El del tutorial es el Photoshop CS [El PS8]

- Ahora mismo estoy probando el CS2 y el CS3, pero no me convencen... han quitado atajos de teclado, cambiado automatizaciones... Yo te recomiendo el Photoshop CS, o en su defecto el CS3 o el PS7.
También hay una versión por la red, que es el CS3 portable, no necesita instalación y ocupa solo 50Mb
Es muy práctico porque lo puedes llevar en una memoria o un mp3, y utilizarlo en cualquier Pc sin instalar. Eso sí, tiene algunas carencias.

- Eso es porque te lo has bajado en inglés. Cuando elegiste Español, era solo para que la instalación y el CLUF, salieran en español. Solo en los textos de cuando lo instalas vamos.
El programa lo seguirás teniendo en inglés.
Necesitas otro nuevo en Español, o ponerle un parche de traducción... Aunque lo del parche es algo más complicado quizás.
Páginas: [1] 2 3
Para poder comentar un hilo, por favor regístrate o si ya estás registrado, conéctate en el formulario de arriba a la izquierda.