Como hacer un menu de usuario en PS
Cuantas veces quisiste saber como se hacen esos menus q' estan al final de los post, bueno ahora te muestro una forma facil de hacerlos 😉
Vamos al Tuto
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Primero creamos un archivo, yo elegi 600 * 250 de tamaño
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/67633444778496091984.png)
Ahora hacemos un rectangulo con la herramieta rectangulo (tambien lo podemos hacer con rectangulo redondeado)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/34926939407268347001.png)
Podemos hacer uno mas pero redondeado adentro del anterior (esto q'da a gusto del creador del menu)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/90794467965201987637.png)
Ahora viene lo importante este suele ser el ultimo paso, pero enseguida le explico por q' lo hago ahora
vamos a la Herramienta Sector
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/66885682762984888270.png)
Le damos click con el boton derecho y luego dividir sector
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70148503338685346368.png)
Ahora activamos la opcion dividir verticalmente y le damos 4 (tambien puede ser 3 depende de lo q' quieras colocar en tu menu)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/58489152261144796056.png)
Nos q'da esta imagen con unas lineas q' la atravezan verticalmente, tranquilos no son reales, sino q' nos muestran como se va a dividir esta imagen
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/31964363225703617029.png)
Ahora escribimos lo q' q'ramos q' este en nuestro menu, yo elegi q' tenga Perfil, Post, MP y Temas
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/60184650692528211831.png)
Ahora entienden por q' la dividi antes y no al final, la dividi para poder decorarlo dentro los 4 sectores y no llegar al final y ver q' al dividir me corta alguna parte q' no tenia prevista 😉
Agregamos unas imagenes q' nos gusten, algunos user colocan su nick o su avatar yo la dejo asi
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/72073999828736660565.png)
Este es el resultado creo q' esta bueno
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/73243762929048456255.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/02836696583387860001.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/21286290307055306077.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70591695633681672891.png)
Ahora separadas para q' te cuenta como seria
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70591695633681672891.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Bueno ahora le explico el codigo q' va con la imagenes, teniendo en cuenta q' en donde dice SerSuperior iria el Nick del User q' utilice un menu como este
en perfil va: http://www.poringa.net/perfil/SerSuperior
en post va: http://www.poringa.net/perfil/SerSuperior/posts
en mp va: http://www.poringa.net/mensajes/a/SerSuperior
en temas va: http://www.poringa.net/perfil/SerSuperior/temas
Q'daria asi:
Sin el code fijate como trabaja 🆒
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/73243762929048456255.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/02836696583387860001.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/21286290307055306077.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70591695633681672891.png)
Bueno eso es todo en este tuto 😉
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Yapa 🤤 🤤 :F
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/57926020174977854635.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/73535503164332999428.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/08183249211561602723.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/55474778850078303309.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/62021251618900600989.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/54451925080630475016.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/54534838038907168339.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/71498263839740544305.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/08689583370626478281.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/90607061465601883822.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/81083516331447329554.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/09337041779674863533.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33695262785437178401.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Cuantas veces quisiste saber como se hacen esos menus q' estan al final de los post, bueno ahora te muestro una forma facil de hacerlos 😉
Vamos al Tuto
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Primero creamos un archivo, yo elegi 600 * 250 de tamaño
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/67633444778496091984.png)
Ahora hacemos un rectangulo con la herramieta rectangulo (tambien lo podemos hacer con rectangulo redondeado)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/34926939407268347001.png)
Podemos hacer uno mas pero redondeado adentro del anterior (esto q'da a gusto del creador del menu)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/90794467965201987637.png)
Ahora viene lo importante este suele ser el ultimo paso, pero enseguida le explico por q' lo hago ahora
vamos a la Herramienta Sector
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/66885682762984888270.png)
Le damos click con el boton derecho y luego dividir sector
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70148503338685346368.png)
Ahora activamos la opcion dividir verticalmente y le damos 4 (tambien puede ser 3 depende de lo q' quieras colocar en tu menu)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/58489152261144796056.png)
Nos q'da esta imagen con unas lineas q' la atravezan verticalmente, tranquilos no son reales, sino q' nos muestran como se va a dividir esta imagen
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/31964363225703617029.png)
Ahora escribimos lo q' q'ramos q' este en nuestro menu, yo elegi q' tenga Perfil, Post, MP y Temas
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/60184650692528211831.png)
Ahora entienden por q' la dividi antes y no al final, la dividi para poder decorarlo dentro los 4 sectores y no llegar al final y ver q' al dividir me corta alguna parte q' no tenia prevista 😉
Agregamos unas imagenes q' nos gusten, algunos user colocan su nick o su avatar yo la dejo asi
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/72073999828736660565.png)
Este es el resultado creo q' esta bueno
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/73243762929048456255.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/02836696583387860001.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/21286290307055306077.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70591695633681672891.png)
Ahora separadas para q' te cuenta como seria
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70591695633681672891.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Bueno ahora le explico el codigo q' va con la imagenes, teniendo en cuenta q' en donde dice SerSuperior iria el Nick del User q' utilice un menu como este
en perfil va: http://www.poringa.net/perfil/SerSuperior
en post va: http://www.poringa.net/perfil/SerSuperior/posts
en mp va: http://www.poringa.net/mensajes/a/SerSuperior
en temas va: http://www.poringa.net/perfil/SerSuperior/temas
Q'daria asi:
[url="http://www.poringa.net/perfil/SerSuperior"][IMG]http://www.imagecrap.com/images/73243762929048456255.png[/IMG][/url][url="http://www.poringa.net/perfil/SerSuperior/posts"][IMG]http://www.imagecrap.com/images/02836696583387860001.png[/IMG][/url][url="http://www.poringa.net/mensajes/a/SerSuperior"][IMG]http://www.imagecrap.com/images/21286290307055306077.png[/IMG][/url][url="http://www.poringa.net/perfil/SerSuperior/temas"][IMG]http://www.imagecrap.com/images/70591695633681672891.png[/IMG][/url]
Sin el code fijate como trabaja 🆒
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/73243762929048456255.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/02836696583387860001.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/21286290307055306077.png)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/70591695633681672891.png)
Bueno eso es todo en este tuto 😉
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
Yapa 🤤 🤤 :F
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/57926020174977854635.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/73535503164332999428.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/08183249211561602723.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/55474778850078303309.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/62021251618900600989.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/54451925080630475016.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/54534838038907168339.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/71498263839740544305.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/08689583370626478281.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/90607061465601883822.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/81083516331447329554.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/09337041779674863533.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33695262785437178401.jpg)
![[Tutorial] Hacer menu de usuario [Tutorial] Hacer menu de usuario](http://www.imagecrap.com/images/33857454893787591956.png)
10 comentarios - [Tutorial] Hacer menu de usuario
😀 de nada ya los tenia echo con otras imagenes en T! 😀
NO SABIA ESO CAPO QUE BUENO AMIGO