RSS

Retroceder   Foros de Emudesc > Ocio > Firmas > Tutoriales

Respuesta
 
Herramientas Desplegado
  #1 (permalink)  
Antiguo 08-may-2007, 02:54
Avatar de AngelBoy
Active user
 
Fecha de Ingreso: marzo-2007
Mensajes: 51
Icon14 TuToRiAL: Como DISEÑAR Nuestra FIRMA By AngelBoy

COMO DISEÑAR NUESTRA FIRMA

Mi firma "estelar"jejej
Ésta, fue mi primera firma, la diseñé, en el foro de la web de Aclantis y ahora, servirá para la práctica de este tutorial y así, fabricar nuestra firma.



----------------------------------------------------------------------------------------------------------------
-
Para la firma vamos a usar unas medidas standar, por ejemplo
9 x 3,50 cm y conuna resolución de 150 pixel/pulgada

Fijaros que pone a elegir: pixeles, pulgadas, cm, mm, puntos, picas y columnas.
Personalmente uso el cm.
En la resolucion hay 2 formas pixeles/pulgadas o pixeles/cm. En cambio yo aqui, uso los pixeles/pulgadas ya que, en general, se referencia mas de este modo.



----------------------------------------------------------------------------------------------------------------

Paso 1:
Podemos escanear o buscar en internet una imagen del universo y/o espacio, que pueda servirnos de fondo.



----------------------------------------------------------------------------------------------------------------

Paso 2º:
Vamos a ir pegando pequeñas "imagenes" para ir componiendo una escena.
En este caso un ojo mirando a traves de una cerradura.
La técnica de realización de este ojo y la cerrradura, la Dejaremos para el final.



----------------------------------------------------------------------------------------------------------------

Paso 3:
Con la herramienta <LAZO> he recortado la imagen de un comic (en blanco y negro) a la que, he tenido que dar color y textura.

Como podeis ver en la siguiente imagen, hay que ajustar la imagen a una cierta medida, ya que era de una dimension mayor.
Para ello usamos la herramienta <mover> y colocamos el puntero en uno de los bordes, haciendo clic estiramos o reducimos la imagen.



----------------------------------------------------------------------------------------------------------------

Paso 4:
recortamos la cabeza del héroe de Marvel y la pegamos en el lado Izq. de la imagen con el fondo.
Para hacerla traslúcida, usaremos la herramienta <Opacidad> situado en la parte superior del panel de las capas.



----------------------------------------------------------------------------------------------------------------

Paso 5:
La imagen con nuestra firma quedará finalmente de la siguinte forma:



===============================================
===============================================
Tom Raider
2ª parte

Paso 6:
Para llevar a cabo la imagen del "ojo espia" seleccionaremos un ojo que tenga cierta agresividad en la mirada.

Quien diria que este ojo pertenecia a una imagen de Angelina Julie (Tom Raider)
Como veis, la elección se hizo con el ojo izq. porque era la expresion que
andaba buscando.



----------------------------------------------------------------------------------------------------------------
Paso 7:
Si quereis usar las reglas, os vais a la barra de la parte de arriba <vista> y activais <reglas>, luego solo tenéis que arrastrar la linea hasta donde
querais, cuando ya os haya servido y para que No os molesten, volveis de nuevo a <vista> le dais a <borrar guias> moviendolas estableceris la seccion que os interese.



----------------------------------------------------------------------------------------------------------------

Paso 8:
Con <Marco rectangular> seleccionaremos el encuadre de la imagen, luego la <copiamos> y la <pegamos> en nuestra firma.

Podemos retocar el ojo, cambiando el color y la forma, para dar un sapecto más agresivo.



----------------------------------------------------------------------------------------------------------------

Paso 9:
Paso: Creamos una capa nueva y seleccionamos nuevamente el margen de la foto para pintar solo en esa zona.

Con la herramenta <bote de pintura> volcaremos en la selección con el color negro
La imagen No ha desaparecido, tan solo quedó debajo , (en otra capa distinta)
Delimita los margenes con las <reglas>
Luego con la herramienta <arco eliptico> seleccionamos un circulo donde luego recortaremos esa zona.

Haz clic en el punto donde empieza la flecha y desplaza el puntero hacia el
centro, hasta que veas que el circulo está en esa posicion.
Una vez hecha la seleccion, y en <edicion> <cortar> o bien pulsando la
<tecla F2>

TECLAS ACCESO RAPIDO: (solo 3 de momento )
<tecla F2> Cortar
<tecla F3> Copiar
<tecla F4> Pegar



----------------------------------------------------------------------------------------------------------------

Paso 10:
Podremos comprobar que al recortar hemos eliminado zona de color negro, dejando ver parte de la capa inferior.
Luego terminaremos de recortar la cerradura, con la herramienta <marco
rectangular>

Para darle un efecto a esta capa, nos vamos al panel de las capas y en la
capa que corresponda haremos doble clic.
Con ésto nos saldrá un panel <estilo de capa> marcaremos <Bisel y relieve> y <contorno>, también activaremos <sombra paralela> aquí podrás jugar con los parámetros de: ángulo, distancia, extension, tamaño, etc. hasta conseguir el efecto deseado.



===============================================
===============================================

3ª parte

Mi firma "estelar"jeje

Es posible que muchos usarios No imaginasen que las firmas que diseñaba, necesitaron en su elaboración de una determinada inversión de tiempo...

Voy a seguir desvelando algunos pequeños secretos.

El ojo de tomb Raider en una cerradura...
Y ahora, el heroe de Marvel Estela Plateada (Silver Surfer) escaneado de un comic y llevado al Photoshop para realizar varios procesos.



-En la primera una limpieza de la imagen, utilizando brillo y contraste.

-La segunda imagen hay que eliminar el contorno, se incluye en ese recorte la tabla de surf para trabajarla independientemente. Luego, la tabla se colocará detras de Estela plateada como un capa en el nivel inferior en el panel de las <capas>

-En la siguiente imagen ya la tenemos retocada, dando color y creando volumenes y aplicando filtros.
Tenia que conseguir que el héroe pareciese en 3D.

Puedo asegurar, que No he encontrado en toda la red imágenes de calidad de este héroe del comic, solo pequeñas imágenes con pocos pixeles o escaneos en mal estado.
Por fin... y segun anuncian, el próximo año habrá pelicula, y de seguro tendré o tendremos aquellos que les guste este héroe, multitud de fotografias y hasta buenos walpapers.

De momento, he diseñado este fondo de pantalla para los seguidores de este peculiar héroe de las estrellas. Estela Plateada (Silver Surfer) y Galactus.

Espero que disfruteis tanto como yo, con este pequeño tutorial.

Un gran SaludoT

________________________________By AngelBoy

Los fondos prometidos: 2 Tamaños




N0TA:
Una vez abierta la imagen del Fondo de pantalla, debeis pulsar en la imagen , ésta se hará mas grande, al tamaño original . ¡¡que os aproveche!!

===============================================
===============================================

4ª parte

Como subir imagenes para colocarlas en webs

Teclea en tu navegador/buscador una web donde alojar tus imagenes, en este ejemplo usaremos el siguiente servicio de Hosting, el link es el siguiente:

http://imageshack.us/

Te saldrá la siguiente pantalla.



Paso 1º:

En el primer paso, tendrás que hacer clic en <Examinar...>



Paso 2º:

Pulsando esa tecla, navegarás por tu disco duro.
Tendrás que elegir la imagen que deseas colgar en una web, por ejemplo <firma_1>
Una vez seleccionada la imagen pulsa <Abrir>



Paso 3º:

Observarás que, en examinar, aparece la ruta de la imagen en tu disco duro.
Ahora es el momento de "subirla" a la web pulsando en <host it!>



Paso 4º:

Sé paciente, tardará un espacio de tiempo, dependiendo de tu tipo de conexion y del tamaño en pixeles de tu imagen.
Cuando aparezca la siguiente pantalla, tendrás a tu disposición unos cuantos links, para las imagenes en los posteos y si son muy grandes utiliza los Thumbnails >Thumbnail for forums (1 y 2) como muestra en esta guia he usado esos links pero ese es otro tema... así que para la firma nos iremos al link donde pone <Direct link to image>.

Copiamos el link y lo pegamos por ejemplo en un bloc de notas, luego guárdalas donde quieras... diskete, en tus documentos, etc. ya tienes tu imagen en un link donde la podrás ponerlo donde desees o puedas.



Paso 5º:

Ahora nos vamos a la web donde deseas poner <TU FIRMA>
Si fuese la web de AclantiS te saldrá la siguiente imagen.

Suponemos que estás registrado a si que podrás acceder al <Panel de control>

Vueles a copiar el link tal y como lo tienes en el bloc de notas y lo PEGAS en el lugar reervado para las firmas.

Ahora y muy importante tendrás que colocar codigo *BBCcode* en ambos lados del link, como ejemplo quedaria de la siguiente forma:

Código:
o tambien de la siguiente forma...<imag src=http://img.imageshack.us/firmapb.jpg>(separación entre imag src)


¡¡¡Muy importante!! se me olvidó remarcaros la tecla <GUARDAR> Con ésto se almacena tu firma en la web

¡¡Y ya está amigos!!

===============================================
===============================================

5ª parte

Evolución de las firmas:











weno, espero que ahora el post dure mas que el que ay agradescan asi me animas a seguir posteando!.

Un saludoT

te dejo mi firma ojala les guste jejeje

Última edición por AngelBoy fecha: 08-may-2007 a las 02:59. Razón: link de mi firma
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita


EMUDESC EMUDESC está online
Emudesc BOT
 
Fecha de Ingreso: Mar 2004
Ubicación: Emudesc
Edad: 4 años
TuToRiAL: Como DISEÑAR Nuestra FIRMA By AngelBoy

  #2 (permalink)  
Antiguo 08-may-2007, 03:02
Avatar de Dark Riku
Newbie
 
Fecha de Ingreso: abril-2007
Ubicación: En el mundo noob/spam
Mensajes: 34
Enviar un mensaje por MSN a Dark Riku
Predeterminado

Sí, esta muy bueno tu turial, creo pero ya no se puede usar más el imageshack, lo habia escrito NeO antes en un tema, mejor usa PhotoBucket u otros que puedes encontrarlos en google.
El que yo uso es www.subir-imagenes.com
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #3 (permalink)  
Antiguo 08-may-2007, 03:20
Avatar de AngelBoy
Active user
 
Fecha de Ingreso: marzo-2007
Mensajes: 51
Predeterminado

gracias por tu sugerencia ! no savia ese post que ya no se subia a imageshack, gracias man!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #4 (permalink)  
Antiguo 10-may-2007, 00:21
Avatar de angels
Miembro avanzado
 
Fecha de Ingreso: marzo-2007
Mensajes: 396
Predeterminado

esta muyy buenoo el tutorial pusistes hasta como subir las imagenes sos un capo
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #5 (permalink)  
Antiguo 14-may-2007, 08:04
Newbie
 
Fecha de Ingreso: mayo-2007
Mensajes: 10
Predeterminado

No te lo tomes a mal, pero este tuto ni de broma es tuyo, es de mi buen amigo Isidrote.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #6 (permalink)  
Antiguo 14-may-2007, 17:04
Avatar de FENIX-01
Big Poster
 
Fecha de Ingreso: octubre-2006
Ubicación: FRENTE A MI COMPU
Mensajes: 1,509
Enviar un mensaje por MSN a FENIX-01
Predeterminado

Cita:
Empezado por Airos Ver Mensaje
No te lo tomes a mal, pero este tuto ni de broma es tuyo, es de mi buen amigo Isidrote.
POR Q DICES ESO?
Y SI ES CIERTO LO Q DICES DONDE ESTAN LAS PRUEBAS

UN MUY BUEN TUTO ^^

Y LA MEJOR PAG DE SUBIR IMAGENES ES ESA Q TE ACABAN DE DAR (http://s198.photobucket.com) JEJE ^^
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #7 (permalink)  
Antiguo 15-may-2007, 01:22
Avatar de PhNtAsMaGOriA
Newbie
 
Fecha de Ingreso: mayo-2007
Ubicación: Mexico
Mensajes: 28
Predeterminado

mmmm de hecho este tuto NOes de el yo tambien antes era miembro de aclantis y recuerdo aver visto este tuto que no era de angel boy esmas mira aki el link LINK REMOVIDO POR QUE ME DIJERON QUE ERA PROHIBIDO a y otra cosa aparte de copiarse el tuto nadamas hhiso copy paste se copio todo menos la firma chafa que hiso el y tambien se robo el tutorial de como poner tatuajes y se copio hasta la firma que tiene es un copion este tipo que no tiene mente para hacer sus propias cosas enserio que mal me siento por este pobre tonto.

Última edición por PhNtAsMaGOriA fecha: 18-may-2007 a las 23:34.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #8 (permalink)  
Antiguo 16-may-2007, 02:56
Avatar de FENIX-01
Big Poster
 
Fecha de Ingreso: octubre-2006
Ubicación: FRENTE A MI COMPU
Mensajes: 1,509
Enviar un mensaje por MSN a FENIX-01
Predeterminado

Pues Estando Las Pruebas Ahi, Veo Q Es Un Pinche Copion, Q Ni Siquiera Puso El Tuto Completo(mas Bien Dicho, No Lo Copio Completo), Mira Te Doy Un Consejo Cuando Copies Aglo, Si Vas A Copiar Algo Copialo Bien

Espero Q Este Tipo No Se Encuentre Con El Verdadero Creador De Este Tuto Ya Q Talves Se Pueda Poner Fea La Situacion ^^
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #9 (permalink)  
Antiguo 18-may-2007, 22:31
Avatar de PhNtAsMaGOriA
Newbie
 
Fecha de Ingreso: mayo-2007
Ubicación: Mexico
Mensajes: 28
Predeterminado

Cita:
Empezado por FENIX-01 Ver Mensaje
Pues Estando Las Pruebas Ahi, Veo Q Es Un Pinche Copion, Q Ni Siquiera Puso El Tuto Completo(mas Bien Dicho, No Lo Copio Completo), Mira Te Doy Un Consejo Cuando Copies Aglo, Si Vas A Copiar Algo Copialo Bien

Espero Q Este Tipo No Se Encuentre Con El Verdadero Creador De Este Tuto Ya Q Talves Se Pueda Poner Fea La Situacion ^^
si la verdad es que yo ya me e topado con varios copiones y al parecer este ya no se aparecio porque desde que airos saco a relucir la verdad ya ni a querido volver gracias a dios estas cosas se resuelven facil y rapido
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
  #10 (permalink)  
Antiguo 18-may-2007, 23:25
Avatar de Link_2007
Silver User
 
Fecha de Ingreso: enero-2007
Ubicación: en el pc xD
Mensajes: 868
Enviar un mensaje por MSN a Link_2007 Enviar un mensaje por Yahoo  a Link_2007 Enviar un mensaje por Skype™ a Link_2007
Icon12

¬¬ hey n00b no des link de otros foros, esta prohibido!

Última edición por Link_2007 fecha: 18-may-2007 a las 23:56.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Responder Con Cita
Respuesta


Herramientas
Desplegado


Temas Similares para: TuToRiAL: Como DISEÑAR Nuestra FIRMA By AngelBoy
Tema Autor Foro Respuestas Último mensaje
Comor hacer una manga 6_JAPO_9 Añade tus manuales 24 20-abr-2008 20:14
Tutorial Simple~GxF~Style By Fhosan© Fhosan© Tutoriales 47 08-ago-2007 14:22
Guia de FFVIII por favor aronnax326 Playstation 3 14-jun-2007 23:45
Tutorial de como saber cuando alguien te tiene sin admision en el msn xDcristianxD Añade tus manuales 3 27-abr-2007 23:06


La franja horaria es GMT +2. La hora actual es: 23:19.


Powered by vBulletin®
Copyright, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313