|
#1
28-nov-2006, 08:59
|
||||
|
||||
Tutorial de Firmas By ShinoX©
Hola a todos, viendo la demanda que ahi de gente pidiendo firmas y que ahi mas de uno que me a pedido como hacia las firmas me e decidido a hacer un tutorial, aunque se que no soy buen profesor intentare explicarme lo mejor posible, si teneis alguna duda al acabar o quereis saber algo de lo que no alla explicado, no lo entendeis o quereis aportar algo para facilitar el diseño no teneis nada mas que decirlo o preguntarlo.
Cita:
·Photoshop8Cs (incluye el Image Ready) Aqui -->P8Cs+ serial He hecho una firma sencilla con 2 gifs y 2 imagenes pa no despistar mucho a personal.  Muy importante tambien que os busqueis unos cuantos pinceles de photoshop. Aqui puedes encontras algunos muy buenos --> [ b r u s h e s ]\\_______________f o r_p h o t o s h o p Otras paginas de pinceles: ***** *** Miss M | photoshop brushes & graphic resources ********** Photoshop brushes » Blog Archive » Fresh Foliage Photoshop Brushes for High Resolution [Part I] Fragile Decay Photoshop Brushes Cita:
Cita:
PD: Perdonar el multipost pero es por la cantidad de Imagenes lleva  Última edición por ShinoX fecha: 28-nov-2006 a las 19:24. |
|
|
|||
|
|||
|
Tutorial de Firmas By ShinoX©
|
|
#2
28-nov-2006, 09:00
|
||||
|
||||
|
Paso 1 (Nuevo Documento): Crea un documento nuevo de por ejemplo 450x150. Menu principal > Archivo > Nuevo...
  Cita:
|
|
#3
28-nov-2006, 09:01
|
||||
|
||||
|
Paso 2 (fondo):Con la herramienta de "bote de pintura" le doy color azul a la capa fondo
 Ahora vamos a abrir la imagenes que vamos a utilizar en el fondo. Otra vez abrir y con el Ctrl pulsado elegimos las que queramos.   Cita:
  Seleccionamos todo. Menu principal > Seleccionar > Todo (Ctrl+A), copiamos, Menu principal > Edicion > Copiar (Ctrl+C), y lo pegamos en nuestra documento. Menu principal > Edicion > Pegar (Ctrl+V)   Vereis que al pegar en nuestro documento se crea una capa nueva (capa 1), todas las capas que se vallan poniendo por encima se iran superpodiendo. Repetiré este mismo paso con la otra fotografia que abrí. (podemos cerrar la fotografia que hemos copiado por que ya no nos va a hacer falta)  |
|
#4
28-nov-2006, 09:01
|
||||
|
||||
|
Paso3 (Recorte): Para recortar utilzamos la Herramienta Lazo > Lazo poligonal. (mateniendo pulsado el boton derecho del raton en la herramienta aparecen las 3 q ahi)
 Tendremos que ir seleccionando poco a poco punto por punto asta cerrarla en el primer punto que hizimos.(cuando tengamos la seleccion hecha podemos borrar el interior,copiarla,editarla para ponerla en otro documento etc.) Nota 1: Solo lo que alla dentro de la seleccion le afectaran los cambios que agas. Nota 2: Si pulsas dos veces seguidas se cerrará la seleccion por donde vallas   |
|
#5
28-nov-2006, 09:02
|
||||
|
||||
|
Paso 4 (creatividad): Este paso me lo salto un poco por q es mas de vuestra imaginacion y creatividad. Yo por ejemplo en esta imagen e puesto la capa 2 en modo superponer (Modos de fusion) e añadido una capa mas para darle un poco mas de oscuridad y le e hecho una trama de puntos pa darle mas rollito. Ir jugando con fotografias dandole otro color, recortandolas, difuminandolas,etc... asta que os guste el resultado.
  |
|
#6
28-nov-2006, 09:02
|
||||
|
||||
|
Paso 5 (Creacion de circulos para su posterior .Gif interior):
Para este paso creamos otro documento nuevo y le damos por ejemplo 150px por 150 de resolucion 72 con fondo transparente.  Cojemos la "herramienta de elipse" y si soltar la tecla mayuscula arrastramos asta hacer un circulo que se que quede lo mas grande posible dentro del documento. Cita:
 Volvemos a cojer la herramiena "bote de Pintura" y lo rellenamos por ejemplo de negro.  Luego sin deseleccionar el circulo vamos al menu princiapal (arriba): Selecion > Modificar > Contraer... le damos por ejemplo 12 y acepta (eso hace que se contraiga la selecion) luego le damos a suprimir y ya tenemos nuestro circulo.   deseleccionamos: Seleccion > Deseleccionar (Ctrl+D)  Ahora vamos a darle algo de volumen al circulo para que se vea mas realista, mira abajo del panel de capas y veras un icono redondo negro con una "F" pinchale, luego baja y dale a "Opciones de Fusion" ahi dentro encontraremos los efectos para darle a la capa del circulo. A este circulo le di "sombra paralela", "bisel y relieve", "contorno" y "superponer color" para darle un tono azul. Lo mejor es que juegues con este panel asta que te salga como a ti te guste.   Luego repetimos uno de los pasos anteriores que era seleccionar todo (Ctrl+A), copiar (Ctrl+C), abrir nuestro documento y pegar el circulo. (Ctrl+V) Para ajustar el tamaño del circulo si lo ves demasiado grande vete arriba al menu principal > Edicion > Transformacion libre (Ctrl+T) y lo adaptamos como queramos y en donde queramos moviendolo con el cursor o el raton.  Luego pincha 2 veces o al enter y ya tenemos el marco circular que utilizaremos para meter el gif en movimiento que explicare mas adelante cuando utilicemos el Image Ready.  |
|
#7
28-nov-2006, 09:03
|
||||
|
||||
|
Paso 6 (Textos): Ahora meteremos unos textos a la firma. Coje la "herramienta Texto horizontal" luego pincha sobre el documento y empieza a escribir lo que quieras.
 Una vez escrito dale a la herramienta "mover" o pulsa Ctrl+Enter y muevela donde quieras. Para elegir la tipografia dale arriba donde indica la fotografia y ve pinchandoles asta que encuentres una que te guste. Si te faltan tipografias ve al enlaze que ahi mas arriba. Para esta elegí la "ShinGothic" ^_^ Cita:
 Ahora vamos a darle algun efecto y volumen como hemos hecho con el circulo. Pinchamos nuevamente en el icono negro de la F (donde estan las capas) y vamos jugando asta que consigamos el efecto que nos guste...    |
|
#8
28-nov-2006, 09:04
|
||||
|
||||
|
Paso 7 (Acoplar Fondo y preparando para Image Ready): Ahora vamos a acoplar el fondo para que podamos en el siguiente paso hacer un marco que no sea de forma totalmente cuadrada, para perforar el circulo y podamos meter el gif en movimiento en ImageReady.
Donde estan las capas, en cada una a su izquierda ahi un ojo (que es para activar y desactivar esa capa a la vista) justo al lado de ese ojo ahi otro cuadradito vacio a su izquierda que si le pinchamos aparecera como una especie de candado, pues ve activandolos todos menos los que quieres que se queden por encima y pinchamos en el panel principal > Capas > Combinar enlazadas (Ctrl+E) (en esta imagen me dejo el circulo y los 2 textos )  Desactivo el ojo de la capa que acabo de acoplar para ver que no me dejo nada raro para perforar ahora el circulo.  Ahora con la capa de circulo seleccionada cojo la herramienta "Varita Magica" y le pincho dentro del circulo que vamos a perforar  Volvemos a seleccionar la capa de fondo y le damos a la tecla "suprimir", luego deselecciona (Ctrl+D) y ya tenemos perforado el fondo para que se vea el gif que meteremos debajo.  |
|
#9
28-nov-2006, 09:04
|
||||
|
||||
|
Paso 8 (haciendo el marco): Ahora vamos a hacer un marco a base de pinceles.Pero primero vamos a reducir el marco dandole algo de forma con la
"herramienta Lazo poligonal" (la que utilizamos para recortar en el paso 3) haceis un marco como os guste (podeis hacer lo que querais de marco incluso estrellas si es lo que os gusta, yo no le he quitado mucho la forma cuadrada como veis). Cita:
Cita:
 Cuando tengamos el marco hecho invertimos la seleccion para borrar lo que nos sobra: Menu principal > Seleccion > Invertir (Ctrl+I) y pulsamos la tecla suprimir (fijaros que esteis en la capa de fondo)   Ahora seleccionamos la "herramienta Borrador" y pinchamos con el boton derecho del raton para sacar y elegir los pinceles para ir recortando la forma del marco asta que os guste el resultado. (si te faltan pinceles bajatelos de la pagina que ya puse arriba  )   |
|
#10
28-nov-2006, 09:05
|
||||
|
||||
|
Paso 9 (Editando en Image Ready/conjunto de capas):
Tal cual como esta el documento le pinchamos en el panel principal > Archivo > Editar en ImageReady.  Una vez dentro del ImageReady vamos a hacer un conjunto de capas para poder diferenciar y mover las capas con mas facilidad. En el panel donde estan las capas arriba a la derecha teneis ahi un boton pequeñito con una flechita, pulsarle y luego darle a "nuevo conjunto de capas"  saldra una ventanita preguntandote el nombre del conjunto (yo le puse "diseño" para diferenciar el diseño de la firma con los gifs que estan aparte, pero con que te aclares sobra).Lo demas dejalo como esta y pincha en "OK"  El conjunto se ha creado pero ahora ahi que meter las capa para q este bien organizados.Le ponemos el candado (como hizimos anteriormente para acoplar el fondo) y las seleccionamos todas las capas menos la del conjunto que acabas de crear. Cita:
 La capas se seleccionan manteniendo la tecla Control apretada y pinchando con el raton sobre ellas o pinchando la primera capa y sin soltar la tecla de mayusculas pinchamos en la ultima. Cuando esten seleccionadas y sin soltar el el boton izquierdo del raton las arrastramos asta el nombre del conjunto que hemos creado.  Pinchale a la flechita que tiene al lado el conjunto de capas y ya las tienes todas junticas.  Cita:
|
 |
| Herramientas | |
| Desplegado | |
|
|
Temas Similares para: Tutorial de Firmas By ShinoX©
|
||||
| Tema | Autor | Foro | Respuestas | Último mensaje |
| Algien me podria mandar un tutorial de como azer firmas con PhotoShop v8cs? | Paus | Cafetería | 4 | 05-mar-2009 22:32 |
| Tutorial MUGEN y Diferentes Cosas | Redoks | Mugen | 80 | 08-ago-2008 22:29 |
| Tutoriales en Video del RPG Maker xp por: savioWEB | savioWED | Añade tus manuales | 46 | 10-oct-2007 21:03 |
| Tutorial De Firmas Estilo Mosaicos | Fuzion | Tutoriales | 7 | 07-oct-2007 15:25 |
| Recopilación de Manuales/Tutoriales | Sky Angel | Añade tus manuales | 0 | 24-feb-2007 00:13 |
Mode Lineal
