BIENVENID@S A MI POST
Hola amigos de la familia P!
En esta tarde quiero compartir con ustedes
un tutorial para que aprendan a crear un "Menu de Usuario" usando photoshop 馃檪
1.
creamos un archivo nuevo de 1000px de ancho por 200px de alto, luego creamos un rectangulo redondeado con su respectiva herramienta...
A ese rectangulo le podemos agregar un estilo de los que tenemos guardados en photoshop, o si prefieres puedes agregarle solo color, eso lo decides tu 馃槈
2.
Ahora usando la herramienta de Texto, escribimos:
Perfil - MP- Post - y por ultimo Poringa! esta ultima es opcional
3.
Como escribimos cada palabra en distinta capa, entonces debemos agrupar las capas de texto,
para eso debemos seleccionar las capas de texto y luego usaremos el comando Ctrl + G , y asi optenemos nuestro grupo
4.
Ahora para darle vida a nuestro Menu de Usuario podemos utilizar un Rander
Si no tenemos ningun rander guardado en nuestra maquina, como en mi caso entonces usaremos una imagen normal 馃槈
podemos usar la imagen de dos formas:
la primera opci贸n es ir a Archivo y damos click donde dice "Colocar".
la segunda opci贸n es arrastrar la imagen desde la carpeta donde la tenemos guardada y soltarla en el phoshop.
Ya con la imagen abierta en el photoshop, podemos ubicarla en el sitio que deseamos y tambi茅n podemos cambiar el tama帽o de la misma...
Si la imagen no nos quedo del tama帽o que deseamos, podemos volver a editar su tama帽o con el comando "Ctrl + T" o moverla con la herramienta "Mover" (V)
Nota: si no tenemos practica usando el photoshop es mas facil utilizar una imagen con fondo blanco, porque esto hace mas facil el trabajo a la hora de quitar el fondo 馃槈
5.
Con la herramienta -"selecci贸n rapida", seleccionamos el fondo de la imagen
6.
Ahora seleccionamos la herramienta borrador, pero cuando pasamos el borrador nos dice que no se puede editar el contenido de la imagen porque es un objeto inteligente, entonces debemos rasterizar el objeto... hay seleccionas ok.
7.
Ya con el objeto rasterizado podemos pasar el borrador y quitar el fondo
No debemos preocuparnos de borrar la imagen porque al seleccionar el fondo solo sera posible borrar el fondo 馃槈
Y la imagen nos quedara asi:
Cuando hayas borrado el fondo es necesario volver a usar la herramienta "selecci贸n rapida" y dando click derecho sobre la imagen seleccionas la opci贸n"Deseleccionar"
8.
Ya con la imagen que usamos sin fondo nos va dando vida nuestro querido Menu de Usuario 馃檪
pero para darle algo mas de vida seleccionamos la capa y dando click derecho seleccionamos donde dice: "opciones de fusi贸n"
9.
Seleccionamos la opci贸n " sombra paralela" y nos da un toque de fondo en la imagen
10.
Ahora hacemos el mismo proceso de fusi贸n con nuestro grupo de texto, entonces: seleccionamos el grupo, y dando click derecho sobre el seleccionamos "opciones de fusi贸n" aqui tambi茅n usamos sombra paralela y para darle un toque rasgado a las letras usamos la opci贸n "Bisel y relieve", se帽alando la opci贸n "textura"
11.
Con nuestro men煤 de usuario pr谩cticamente listo, nos queda lo mas importante: la divisi贸n de la imagen!
Para hacer dicha divisi贸n usaremos la herramienta "Sector"
12.
Dividimos nuestra imagen final as铆:
13.
Cuando tengamos nuestra imagen dividida, vamos a "Archivo" y seleccionamos: Guardar para web y dispositivos "Alt + Mayus + Ctrl + S"
14.
Ahora Guardamos nuestra imagen como PNG-24 para que nos de transparencia y Ajustamos la imagen a 720px de ancho 馃槈
Y damos click en guardar, hay cada uno mira en que carpeta lo quiere guadar y que nombre ponerle 馃槈
15.
Si hemos hecho todos los pasos bien, nos debe quedar una carpeta con las 4 imagenes 馃檪
Si no te queda as铆, devuelvete y mira que paso hiciste mal 馃槈
16.
Ahora viene el momento de subir las imagenes, cada uno tiene su host de imagenes preferido entonces cada uno es libre de subir la imagen al host que prefiera...
Una vez las imagenes subidas entonces tenemos algo as铆:
pero si dejamos nuestro post con la imagen asi.. no va a pasar nada porque va a quedar como una imagen comun y corriente
Para que nuestro men煤 de usuario nos quede funcionando es necesario que quede de la siguiente manera:
[*url=http://www.poringa.net/perfil/cardenasx][*img=http://s2.subirimagenes.com/privadas/1480645menudeusuario01.gif*][/url][*url=http://www.poringa.net/mensajes/a/cardenasx][*img=http://s2.subirimagenes.com/privadas/1480631menudeusuario02.gif*][/url][*url=http://www.poringa.net/perfil/cardenasx/posts][*img=http://s2.subirimagenes.com/privadas/1480632menudeusuario03.gif*][/url][*url=http://www.poringa.net][*img=http://s2.subirimagenes.com/privadas/1480635menudeusuario04.png*][/url]
hay que reemplazar mi username: cardenasx, que yo se帽ale con color rojo, lo cambias por tu username y sin los asteriscos (*)
debe quedarnos as铆:
debe quedarnos as铆:
Amigos hay miles de formas para hacer un menu de usuario, se puede hacer con una imagen, se puede hacer en forma de barra separadora (sin render), se puede colocar un estilo al texto; hay que dejar volar la imaginaci贸n, para hacer las cosas que nos agradan y darle vida a nuestros post 馃槈
Si tengo errores u horrores de ortagrafia me disculpan 馃榾 pues no me dedico a escribir y es mi primer tutorial 馃槵
GRACIAS POR PASAR 馃槈
@cardenasx
Si tengo errores u horrores de ortagrafia me disculpan 馃榾 pues no me dedico a escribir y es mi primer tutorial 馃槵
GRACIAS POR PASAR 馃槈
@cardenasx
20 comentarios - crea tu propio menu de usuario
Muy buen tutorial y muy clara la explicaci贸n !!!
Gracias por compartir.
Besos y Lamiditas !!!
Compartamos, comentemos, apoyemos, hagamos cada vez mejor esta maravillosa Comunidad !!!
2 A帽os en Poringa junto a todos !!!
BUEN TUTORIAL Y GRACIAS X EL TRABAJO!!!! 馃槈
A favoritos y volver茅 con puntos.
EXCELENTE APORTE
GRACIAS POR COMPARTIR
BESIS LAPRIMA
pasare en cualquier momento con puntines
gracias por este aporte
Volvimos con simb贸licos puntos de reconocimiento !!!
Genial
Siempre es de agradecer este tipo de aportes,sobre todo para los que no sabes mucho
de estos temas.
As铆 que muchas gracias! 馃槈 馃槈 馃槈
recomendado 馃槈 馃槈 馃槈
excelente loco!!! muy util