martes, 30 de julio de 2013

Descargate y diseña con el nuevo Adobe Photoshop CC Multilenguaje FULL

7/30/2013
La versión actual de Photoshop tiene mayor libertad, velocidad y potencia para hacer realidad imágenes increíbles. Conseguirás decenas de funciones nuevas y renovadas, entre las que se incluye la herramienta de enfoque más avanzada. Comparte tu trabajo directamente desde Photoshop® CC en Behance® para recibir comentarios y mostrar tus propios proyectos.
tiene más de una docena de nuevas características que amplían significativamente las opciones para trabajar con imágenes.
  • Herramientas Afilado
  • Cámara Herramientas primas
  • herramientas mejoradas para trabajar con objetos vectoriales
  • copia de atributos de estilo CSS
  • mejoraron barra de herramientas para trabajar con objetos 3D y pintura textura
  • Enfoque suavizado completamente nuevo


DESCARGAR




JPanelCustom personaliza tus JPanel a tu gusto en java(Parte 1)

7/30/2013

Hace poco vimos comopersonalizar un JButton y convertirlo en una esfera,ahora vamos a personalizar un JPanel a tal punto de poder crear diferentes formas con el este va hacer uno de los varios tutoriales que les presentare para modificar un JPanel sin sobrecargar la aplicación donde vayan a implementar dicho componente.

Efectos que tiene esteJPanelCustom:

  • Imagen de fondo
  • colores en degradado
  • bordes en alto relieve
por ahora veremos como crear esos efectos con el tiempo iremos añadiendo muchos otros .

  • Como Añadir imagen de Fondo
Utilizando la claseGraphics2D implemento o llamo al métododrawImage este método me permite pintar una imagen de fondo dentro del JPanel y al hacer esto no importa el tamaño que tenga el panel la imagen de fondo se re dimensionara automáticamente esto es una de las ventajas de usar este metodo ya que no sera necesario usar un JLabel para añadir imágenes.

g2d.drawImage(image, 0, 0, w,h,this);


este método me recibe los valores de la variable Image donde esta alojada la imagen de fondo,y las coordenadas de donde queremos que se posicione o muestra la imagen y el tamaño de dicha imagen por lo general se utiliza los valores getHeight(); y getWidth(); para saber el tamaño del JPanel si el jpanel cambia de tamaño también lo hará la imagen(se re dimensiona).


  • Como añadir Colores en Degradado
con los ejemplos que eh presentado ya sabemos el uso del degradado.simplemente necesitamos construir una claseGradientPaint y asignarle los valores correspondientes.

bgColor = new GradientPaint(0, 0,getBackgroundTop() ,0, h, getBackgroundBotton());



  • Como añadir Bordes en alto relieve
para añadir este efecto el cual hace vistoso al panel ,vamos a utilizar primeroRectangle2D que sera el encargado de dibujar un rectángulo o darle la forma de rectángulo a nuestro panelRectangle2D es una clase que me recibe 4 sencillos valores las coordenadas X y Y que serán los valores de donde quiero que se posicione el rectángulo que en este caso serán 0 ambas, por que quiero que se posicione el rectángulo desde el inicio del JPanel ,luego los valoresWidth(ancho) yHeight(alto) serán los valores del tamaño real de nuestro JPanel.

Rectangle2D.Float r2d = new Rectangle2D.Float(0, 0, w - 1, h - 1); Shape clip = g2d.getClip(); g2d.clip(r2d); g2d.setPaint(color); g2d.fillRect(0, 0, w, h); g2d.setClip(clip); g2d.setColor(new Color(100, 100, 100));//primer relieve g2d.drawRect(0, 0, w - 1, h - 1); g2d.setColor(new Color(255, 255, 255, 50));//segundo relieve g2d.drawRect(1, 1, w - 3, h - 3);


luego necesito añadir un fillRect este método me permite dibujar un rectángulo con la capacidad de añadir el degradado o el fondo lo que se esta haciendo aquí en añadir un rectángulo encima de otro,luego para dar el efecto de relieve necesito añadir el métododrawRect que me dibuja el contorno del rectángulo dando asi el efecto de alto relieve.

les dejo el código fuente completo .


DESCARGAR






JButtonBall añade y aprende como hacer un JButton tipo esfera en java

7/30/2013

Hace poco vimos como crear unJButton translucido o transparente, aquí vamos a utilizar una lógica similar primero necesito quitar los efectos por defecto que tiene el JButton ya sabemos que utilizando los métodos .
  • setFocusable(false);
  • setContentAreaFilled(false);
  • setBorderPainted(false);
nos permite quitar esos valores, entonces vamos utilizar la claseGraphics2D nuevamente y hago uso defillOval este método me permite dibujar un circulo donde añado o dibujo un gradiente con la claseGradientPaint que sera el fondo del JButton y otro circulo que estará situado en la parte superior este circulo sera el efecto de reflejo de la esfera también pintado con unGradientPaint,ahora lo nuevo aquí es el efecto de luz inferior de la esfera es una clase llamadaRadialGradientPaint la cual puede formar un gradiente pero de tipo radial es decir de tipo esférico sin la necesitada de recurrir alfillOval.

RadialGradientPaint p = new RadialGradientPaint(new Point2D.Double( getWidth() / 2.0, getHeight() * 1.5), getWidth() / 2.3f, new Point2D.Double(getWidth() / 2.0, getHeight() * 1.75 + 6), new float[] { 0.0f, 0.8f }, new Color[] { destelloinicial,destellofinal}, RadialGradientPaint.CycleMethod.NO_CYCLE, RadialGradientPaint.ColorSpaceType.SRGB, AffineTransform.getScaleInstance(1.0, 0.5));


esteRadialGradientPaint me recibe dos valores que la clasePoint2D.Double me proporciona estos valores serán la forma y la posición que yo necesito para situar el Radial ,luego me permite añadir valoresflotantes que seran valores de transparencia del Radial seguido de dos valores de tipoColorpara formar el gradiente.

Graphics2D g2d = (Graphics2D) g.create(); g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON); int h = getHeight(); int height = getHeight(); ButtonModel modelo = getModel(); GradientPaint reflejo_superior = null; GradientPaint fondo_boton = null; /********************************/ reflejo_superior = new GradientPaint(0, 0, new Color(255, 255, 255),0, height / 2, new Color(120, 137, 145, 20)); /********************************/ fondo_boton = new GradientPaint(0, h / 2, getBackgroundTop(), 0, h, getBackgroundBotton()); setForeground(Color.WHITE); if(modelo.isPressed()) { /**SI EL BUTON FUE PRESIONADO*/ fondo_boton = new GradientPaint(0, h / 2, getBackgroundTop(), 0, h, getBackgroundBotton()); }else if(modelo.isRollover()) { /*****SI PASA POR ENCIMA*****/ fondo_boton = new GradientPaint(0, h / 2, getBackgroundTopHover(), 0, h, getBackgroundBottonHover()); } /*************************/ g2d.setPaint(fondo_boton); g2d.fillOval(0, 0, getWidth(), getHeight()); /**********REFLEJO SUPERIOR*************/ g2d.setPaint(reflejo_superior); g2d.fillOval(getWidth() / 3, 6, getWidth() / 3, getHeight() / 6); /*********DESTELLO*****************/ RadialGradientPaint p = new RadialGradientPaint(new Point2D.Double(getWidth() / 2.0, getHeight() * 1.5), getWidth() / 2.3f, new Point2D.Double(getWidth() / 2.0, getHeight() * 1.75 + 6), new float[] { 0.0f, 0.8f }, new Color[] { destelloinicial,destellofinal}, RadialGradientPaint.CycleMethod.NO_CYCLE, RadialGradientPaint.ColorSpaceType.SRGB, AffineTransform.getScaleInstance(1.0, 0.5)); g2d.setPaint(p); g2d.fillOval(0, 0, getWidth() - 1, getHeight() - 1);


les dejo el código fuente completo con métodos para cambiar el color de las esferas.


DESCARGAR


lunes, 29 de julio de 2013

Añade a tu sitio un estilo Metro con este Pack de botones windows 8 en CSS3

7/29/2013

Este pack de botones me hubiese servidor cuando tenia el blog con estilo Metro pero ahora tu los puedes usar , si estas construyendo un sitio con ese estilo estos botones son para ti.
Francisco Neves fue el creador de estos botones con estilo Metro en este pack podrás encontrar todos los colores del windows 8 mas lasfuentes necesarias para tu sitio.

DESCARGAR






Descargate y añade a tu sitio este Pack de Botones Css3

7/29/2013

Se lo difícil que es cuando estas desarrollando un proyecto web y no tienes idea de que estilo personalizar lo enlaces o vínculos del sitio estos deben de combinar con los colores del sitio y al hacer esto te lleva un poco de tiempo,para ello les traigo un pack de botones en css3 desarrollados porDzyngiri .

en este Pack podrás encontrar estilos para:
  • Favoritos
  • Descargar
  • Subir
  • calendario
  • estadísticas
  • información
  • Facebook
  • Twitter
  • etc

DESCARGAR




JButtonTrans añade a tus proyectos java un JButton transparente en java

7/29/2013

Ya tenia mucho tiempo que no posteaba nada referente a java, hoy les traigo un JButton modificado totalmente translucido y no muy difícil de lograr.
para modificar o personalizar cualquier Objeto que nos ofrece java necesito la utilizar la claseGraphics2D , lo que eh hecho para modificar el JButton es primero eliminar el fondo y el borde por defecto deshabilitar el focus o rollover(efecto que se muestra al pasar el mouse) llamando a los siguientes métodos.
  • setContentAreaFilled(false);
  • setFocusPainted(false);
  • setBorderPainted(false);
  • setOpaque(false);

con estos métodos tendré un JButton transparente en su totalidad pero aun no tiene el efecto que necesito asi que utilizo la interfazShape que me permite dibujar una forma en este caso quiero que se dibuje un rectángulo con bordes redondeados para ello necesito construir y llamar a la claseRoundRectangle2D esta clase me recibe 6 valores los dos primero las coordenadas X y Y luego el ancho(Width) y alto(Height) que tendra el boton y por ultimo dos valores que serán el radio o los valores para redondear las esquinas.

Shape area = new RoundRectangle2D.Float(x, y, w-1, h-1, getRadioButton(), getRadioButton());

de esta forma tendré dibujado en mi botón un rectángulo con bordes redondeados, ahora para pintar el JButton necesito definir o declaras 4 variables Color donde cada una tendrá valores flotantes del 0 al 1 estos valores serán los colores translucidos donde tendré que combinarlos para formar un gradiente, para eso necesito pintar al JButton con el métodosetPaint() un gradiente es decir tendré que construir o llamar ala claseGradientPaint esta clase me permita pintar o dibujar un gradiente recibiendo las coordenadas X y Y del botón mas los colores.

protected void paintComponent(Graphics g) { int x = 0; int y = 0; int w = getWidth(); int h = getHeight(); Graphics2D g2 = (Graphics2D)g.create(); g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); Shape area = new RoundRectangle2D.Float(x, y, w-1, h-1, getRadioButton(), getRadioButton()); color_1 = color_trans_1; color_2 = color_trans_2; ButtonModel m = getModel(); if(m.isPressed()) { /**SI EL BUTON FUE PRESIONADO*/ color_1 = color_trans_4; color_2 = color_trans_3; }else if(m.isRollover()) { /*****SI PASA POR ENCIMA*****/ color_1 = color_trans_3; color_2 = color_trans_4; } /*****creo un gradiente*******/ g2.setPaint(new GradientPaint(x, y, color_1, x, y+h, color_2, true)); g2.fill(area); g2.setPaint(color_trans_2); g2.draw(area); g2.dispose(); super.paintComponent(g); }

Tambien para dar un efecto mas notable hago uso de un Modelo del JButton,llamo a la claseButtonModel para detectar cuando el boton fue presionado o el cursor esta encima de boton de esta forma puedo cambiar los colores y dar otro efecto.

les dejo el codigo fuente completo.


DESCARGAR


Suscribirse a: Entradas (Atom)