• Ayuda
  • Cómo Ayudar
  • Contacto
  • Instructores
  • Descargas

CursosenHD.comCursosenHD.com

  • INICIO
  • DESTACADOS
  • AUDIO & VIDEO
    • AUDITION & AUDACITY
    • ADOBE AFTER EFFECTS
    • ADOBE PREMIERE
    • UTILIDADES
  • PROGRAMACIÓN
    • HTML y HTML5
    • JAVASCRIPT Y JAVA
    • C, C++ y C#
    • PHP
  • DISEÑO WEB / GRÁFICO
    • PHOTOSHOP
    • DREAMWEAVER
    • FLASH
    • CORELDRAW
    • ILLUSTRATOR
    • DISEÑO WEB
    • DISEÑO GRÁFICO
  • INTERNET
    • SEGURIDAD
    • WORDPRESS & BLOGGING
    • P2P Y DESCARGAS
    • UTILIDADES
  • VARIOS
    • WINDOWS
      • UTILIDADES
      • MICROSOFT OFFICE
      • TOP FREEWARE
    • IDIOMAS
    • FOTOGRAFÍA
    • IPHONE & IPAD
Inicio » Diseño Gráfico y Web » Adobe Photoshop » Photoshop CS6: Elementos Web Vol. 1, Botón y Barra de Menú I

Photoshop CS6: Elementos Web Vol. 1, Botón y Barra de Menú I

Por Carlos Berman en Adobe Photoshop, Destacados, Diseño Gráfico, Diseño Web agosto 15

  • Descripción
  • Descargar
  • Índice
Este es el primer volumen sobre la creación de elementos para páginas web, en él te enseño a crear botones y menús con apariencia profesional, usando únicamente vectores para que puedan ser modificados sin ningún problema, aprenderás técnicas nuevas que hasta ahora no enseñaba.

Creando un Botón Redondeado con Photoshop

En el primer vídeo te enseño a crear un botón con los lados redondeados, con estilos de capa tanto en su relleno como en el trazo, en el relleno agrego un motivo con líneas verticales, el cual te enseño a crear también.

Haciendo un Menú Web Editable

El menú tiene muy buena apariencia, profesional, es relativamente fácil de hacer, está basado en rectángulos redondeados, el botón activo contiene un fondo que haremos con una ficha, algo que ya enseñé en el vídeo de Creación de Esquinas Redondeadas.

Además agregaremos 3 íconos a la barra de menú para que tenga un aspecto más interesante, como siempre, todo lo que creo con Photoshop, es completamente editable y este menú no es la excepción. Abajo 3 ejemplos del mismo menú, modificando los colores de algunas de las zonas.

Índice Photoshop Elementos Web Volumen 1 Duración
01 Crear Botón Web con Esquinas Redondeadas 3:32
02 Haciendo una Barra de Menú 2:09
adobe Adobe Photoshop diseño Diseño Gráfico y Web tips tricks trucos web 2012-08-15
Carlos Berman

Carlos Berman

Soy el creador y admnistrador de CursosenHD.com, en esta página publico cursos creados por mí y otros más de terceras personas, todos gratuitos. Puedes visitar mis redes sociales haciendo clic en los íconos de abajo.

Otros Cursos

Curso de SQL en Español

161 Tutoriales y Recursos Gratuitos de After Effects

Curso de Microsoft PowerPoint 2013

12 Comentarios

  1. Sam
    julio 23 at 9:56 pm

    Excelentes tutos, quiero saber si estos videos de diseño tienen tambien su parte en codigo html y css

    Responder
  2. alonso
    junio 27 at 6:47 pm

    Que tal Carlos .. me gustaría saber si tienes algo de Dreamweaver intermedio y avanzado …

    Responder
    • Carlos Berman
      junio 29 at 10:20 am

      Nada por el momento, saludos.

      Responder
  3. joka2012
    abril 16 at 8:07 am

    hola Carlos, espero que puedas responder, yo soy un usuario con privilegios, estoy tratando de comunicarme contigo, quisiera videos avanzados de flash y Dw tutorialees mas avanzados, en el caso de flahs tutoriales aparte del capitulo 1 que tienes alli porfavor digame si tiene

    Responder
  4. claudio
    diciembre 28 at 8:12 am

    no me aparedce la descarga solo me sale una publicidad

    Responder
    • Carlos Berman
      diciembre 28 at 8:33 am

      Las descargas están disponibles solo para usuarios donadores.

      Responder
  5. Sebastian
    septiembre 9 at 5:56 pm

    Hola, estuve buscando en Internet como aplicar la barra de menú de tu curso que me pareció excelente, pero no encuentro la manera que cada botón me haga la función o que al menos anime bueno en realidad lo único que encuentro es ubicarlo en la web como imagen y no botones, te agradecería eternamente me pudieras colaborar, pues quiero hacer algo muy similar para mi proyecto de la universidad gracias.

    Responder
    • Carlos Berman
      septiembre 10 at 9:57 am

      Debes partir el menú, cada parte será para cada nombre del menú y deberá tener los dos estados, busca en Internet algo sobre rollover en Dreamweaver…Saludos.

      Responder
    • Sebastian
      septiembre 17 at 3:40 pm

      vaya que me sirvió ya logre montar algo y el menú de mi web es el que aprendí a hacer de ti, pero le cambie los colores “XD” gracias espero nuevos tutoriales pronto y que te mejores

      Responder
  6. sebastian
    septiembre 7 at 12:27 pm

    Hola estoy empezando a seguir tus tutoriales, por que me interesan los diseños web para mi proyecto de universidad pero quisiera saber si tienes algún vídeo donde explique como poner estos elementos web en el editor de html

    Responder
    • Carlos Berman
      septiembre 7 at 12:50 pm

      Hola Sebastián,

      Aún no tengo nada sobre maquetación, sin duda haré algo pero sinceramente no sé para cuando, padezco de una enfermedad autoinmune (CUCI) y últimamente no me ha dejado en paz, de ahí que tenga muchos días sin actualizar la página, espero pronto hacer algo, mientras busca en Internet hay muchos tutoriales en diversas páginas y en Youtube…Saludos.

      Responder
  7. rafa
    agosto 20 at 12:05 am

    Me gustan mucho los videos muchas gracias por tus aportes.

    Responder

Dejar Comentario Cancelar

Tu email no será publicado. Los campos requeridos están marcados *

*

*

  • Popular
  • Recientes
  • Destacados
  • Videocurso Completo Adobe Photoshop CS6 Capítulo 1

  • 34 Tips, Trucos y Secretos de Windows 8 , 8., 10

  • Curso Flash Professional CS6 Capítulo 1: Introducción

  • Curso de SQL en Español

  • 161 Tutoriales y Recursos Gratuitos de After Effects

  • Curso de Microsoft PowerPoint 2013

  • Curso de SQL en Español

  • 161 Tutoriales y Recursos Gratuitos de After Effects

  • Curso de Microsoft PowerPoint 2013

Iniciar sesión


¿olvidaste la contraseña?

Contraseña olvidada

Cancelar

Register For This Site

A password will be e-mailed to you. Cancelar

Suscríbete al Canal

Lo más buscado

PHOTOSHOP AUDIO INTERNET MICROSOFT OFFICE CC IPAD TRUCOS ADOBE DISEÑO CS6 DESTACADOS EXCEL DISEÑO WEB HTML PROGRAMACIÓN ACCESS
Copyright © 2012-2021 por Carlos Berman