2 cosillas que nunca e consegido hacer

Les esplico: yo soy uno de los webmaster de una web hispana de los sims 2 (www.sim-adictos.com) me encargo de los gráficos y del html pero siempre que intento crear un logo para la web lo quiero hacer a partir del logo oficial de los sims dos, el problema esque no se como poner en un fondo transparente los destellos que tiene el rombo (al final del post pongo la imagen) :cry:

Por si me liado mucho i alguien no lo entiende... lo que quiero es poner el logo en un fondo transparente... Alguien me puede decir que tengo que acer o enviarme un .psd con el logo sin fondo blanco?

link al logo de los sims 2: <a href="http://img208.imageshack.us/my.php?image=sims24so.png" target="_blank"><img src="http://img208.imageshack.us/img208/42/sims24so.th.png" border="0" alt="Imagen IPB" /></a>
(click para ampliar)

 

Basta conque elimines el color blanco del fondo, para ello puedes utilizar varias opciones.

1º Duplica la capa.
2º Con la varita Mágica pincha sobre el fondo blanco y dale a suprimir.
3º Guarda como .gif con la opción de transparencia.

Con la varita mágica puede que quede un poco chapuza, pero es lo más rápido.

 

El otro asunto, me temo que es cosa de guardarlo en formato png, ya que los destellos tienen partes semitransparentes y gif no contempla esa particularidad. Informate sobre imágenes en png-24 y que navegadores son compatibles.
Como puedes ver, el logo está "montado" sobre un fondo blanco, los que lo hicieron no se quisieron complicar la vida.

Si no te sales del problema regresa y te miraremos un paso a paso.

Salu2

 

Hola, pues si la solución es la de insertar una imágen .png, pero el problema es la compatibilidad con los navegadores.

A la respuesta anterior que te han dado sobre hacerlo transparente usando la varita mágica, y guardadndolo como .gif es una chapuza, te lo digo por experiencia, pk los bordes van a sali fatal

Te aconsejo que cojas el fondo dnd va a ir la imágen e ir quitando el blanco del logo Sims

Para que tu trabajo sea perfecto , selecciona 1 o 2, 3 pixel del borde de tu logo y para k se fusione a la perfección con tu fondo, le des a

Filtro_> Desenfoque Gaussiano (Unos 0, 3)

Es mano de santo SALUDOS

 

Voi respondiendo a todos....

Con la varita magica lo e provado millones de veces i con todas las tolerancias pero siempre keda el destello con el fondo blanco. (<a href="http://img153.imageshack.us/my.php?image=sims24yk.jpg" target="_blank">[img=http://img153.imageshack.us/img153/337/sims24yk.th.jpg]</a> esta echo rapido pero lo de los destellos no se puede solucionar con la varita magica)

Guardarlo en png... ami me da igual en que formato este.... aver io lo unico que quiero es tener los destellos con las partes semitransparentes para ponerlo sobre un fondo, con un .psd

Sobre lo que a dicho Impactantes pues como que no me enterao mucho ... :?
[hr:f63fbfc4e5]

Havia pensado tambien en coger un rombo de los que tengo i crear io mismo el destello siguiendo este turorial pero no me acava de salir igual...
<a href="http://usuarios.lycos.es/scramble/pelis/estelar.html" target="_blank">http://usuarios.lycos.es/scramble/pelis/estelar.html</a>

 

Pues va a ser que lo tienes dificil. Mi primer consejo por supuesto que se refería a que tu tienes que hacer el destello casi como el tuto ese de byerror:

1) Capa Nueva
2) 1 barra vertical amarilla, 1 espacio vertical transparente. 1 amarilla, 1 espacio transparente.... hasta llenar la imagen
3) Filtro>Distorsionar>Coordenadas Polares
Si queda a tu gusto, seguimos, si no, retrocede y pinta las barras más o menos gruesas.
Para suavizar la estrella:
4) Iconito inferior Máscara de Capa, clic (añade una Máscara de Capa)
5) Degaradado <b>Radial</b> de Blanco a Negro y hacemos el degradado sobre la Máscara partiendo del centro. Afinamos la transparencia con Niveles y bajando la Opacidad de la Capa. Duplicar la Capa y combinar las dos, modficar la Opacidad....
Modifica el tamaño si hace falta (Ctrl+T), quita la Capa Fondo si la hubiere, etc. Listos

El problema va a ser cuando hayas terminado el Logo pasarlo a un formato que te mantenga las transparencias y los suavizados ademas de que se pueda ver con navegadores.

En estos casos tan complejos lo mejor es poner debajo el fondo donde ha de ir el logo y guardar como jpg. (Guarda una copia con las capas en PSD!!)

A ver como va el tema,

Salu2

Para hacer las barras puedes hacerlas en una Capa nueva pintando una línea de 25 pix azul, 20 pix sin pintar, 20 azul, 20 sin pintar..... Ctrl+T estiras hasta abajo del tirador central y la capa se llenará de barras azules y transparentes

 

wawwwww muchas gracias voi a provar aver como me queda

 

<a href="http://img394.imageshack.us/my.php?image=logov254502006nd.jpg" target="_blank"><img src="http://img394.imageshack.us/img394/3439/logov254502006nd.th.jpg" border="0" alt="Imagen IPB" /></a>

bueno este es el logo de la web con el destello . Muchas gracias a todos.

Sin embargo, como dice el titulo '2 cosillas' asi que falta la otra que la veo mas dificil.

Se puede emular este tipo de trazo que se ve realtado en la imagen que pongo en el fondo? como la hariais vosotros para que se pareciera al maximo?

<a href="http://imageshack.us" target="_blank"><img src="http://img391.imageshack.us/img391/9649/sims21tz.jpg" border="0" alt="Imagen IPB" /></a>

 

Nada más sencillo, si todos los problemas mundiales fuera eso....
Te refieres al trazo azul?:
No es un "trazo" es una capa con una figura dibujada entera de color azul, lo que pasa es que lo tapa la capa superior del texto blanco.
Una vez trazado el dibujo, pasate por Estilos de Capa>Bisel y Relieve y prueba los distintos deslizadores, valores y opciones.
antes, usa el texto superior blanco como plantilla para crear la capa del dibujo azul ampliando el tamaño.

Si te refieres a la zona sombreada:
Estilo de Capa>Sombra Paralela.

Y si es el texto blanco, 3/4 de la misma medicina que la azul, pero variando las opciones de Bisel y Relieve.

Salu2

 

bueno ia queda menos para que me salga perfecto pero esque soi un poco patoso... Ahora lo que me queda es esto, al duplicar la capa para que sea mas grande la de abajo no encajan algunas letras. Un ejemplo:

<a href="http://img263.imageshack.us/my.php?image=sims23cu.jpg" target="_blank"><img src="http://img263.imageshack.us/img263/4438/sims23cu.th.jpg" border="0" alt="Imagen IPB" /></a>

Como lo debo hacer?

 

Por lo que el sistema que has usado es erroneo.

-Tecleas el Texto cada letra en una Capa distinta color <b>NO </b>azul
-Rasterizas todas las capas
-Compones la escena desplazando y rotando todas las letras en sus Capas correspondientes.
-Capa Nueva
-<b>Ctrl+Mayusc+Alt+E </b>(<i>faltan dedos</i>)
<i>En la Capa Nueva tenemos todo el texto</i>
-Ctrl+clic en la miniatura de la Capa Nueva (<i>se crea una Selección</i>)
-Selección>Modificar>Expandir 10-15-20.....200 px
-Rellenamos de azul
-Ctrl+D quita Selección
-Reordenamos las capas para ver el resultado correctamente (<i>esta última debajo de las demas. Las otras según el Logo ya que emitirán sombras unas encimas de otras, etc</i>)
-Rellenamos de blanco las Capas de las letras independientes.
-Activamos la Capa texto azul y pasamos a la zona de Estilos>Bisel y Relieve. (<i>Otro día</i>)

Tengo que solucionar el problema que surje en las esquinas al aumentar la Selección.

Salu2

<b>La próxima vez que alguien diga que es un patoso manejando el programa más complejo que existe, no le contesto.</b>

 

<a href="http://img313.imageshack.us/my.php?image=sims29od.jpg" target="_blank">http://img313.imageshack.us/my.php?image=sims29od.jpg</a>

esto esta hecho rapido sin mirar el estilo original pero era para comprovar una cosa i es que las esquinas no quedan en punta.... Lo mejor sera acerlo manualmente?

 

Aquí rodeado de librotes y aún sigo indagando, pero no he dado con el puntillo ese. Es que ya hay aplicaciones para logos.

Jope, que rápido coges las ideas.
Antes que hacerlo manualmente todo, podrías intentar terminar de hacerle las esquinas a mano. No son muchas.

Salu2

 

quera decir solo las esquinas a mano

esque tampoco soi tan novato con el photoshop me conozco la mayoria de funciones lo que pasa es que me falta experiencia para ver todas estas cosas

 

Bueno ya lo tengo todo echo ahora solo falta deciridrme por una de las dos versiones:

<a href="http://img293.imageshack.us/my.php?image=logoreal6qt.jpg" target="_blank"><img src="http://img293.imageshack.us/img293/1930/logoreal6qt.th.jpg" border="0" alt="Imagen IPB" /></a>
______________________________________
<a href="http://img293.imageshack.us/my.php?image=logorealrelleno4pk.jpg" target="_blank"><img src="http://img293.imageshack.us/img293/9176/logorealrelleno4pk.th.jpg" border="0" alt="Imagen IPB" /></a>

Que les parece como me a quedado? le pondrian algo mas? Cual de los dos lese gusta mas?

Muchas gracias enricvision

 

De nada, para eso estamos por aquí.

Las has hecho tu solito??, pues te han quedao muy chéveres.
Esteticamente me decido por la primera.
Ganaría si suavizaras más el efecto Bisel y Relieve, hay un deslizador para eso.
El texto original es chispita irregular y eso lo transmite al fondo azul, pero se nota muy poco y es problema de la fuente.
Unos pixeles más ancho de fondo azul, o eso es lo que buscabas?.
Y listos, para concurso

Salu2

 

gracias, no me decido entre el primero o el segundo....

io personalmente me decanto por el primero tu tambien, i otras dos personas por el segundo.... 2-2

 

Muy buen trabajo, daxtor. Me gusta el segundo.