Archive for the ‘photoshop’ Category

Año nuevo …. - Mi nueva situación laboral y personal

Hace tiempo que no escribo en el blog, motivos muchos pero ya se van solucionando.

Hasta ahora estaba trabajando en una empresa de publicidad como developer web, digo hasta ahora porque se ha terminado mi contrato hace una semana,pero esto no ha ido en mi contra sino todo lo contrario, tengo tiempo para poder realizar todos los proyectos que tenía en mente y dedicarle mucho más tiempo a mi hijo, que aun no ha nacido, aunque ya hemos salido de cuentas, mañana ultimo PT!!

Después del “varapalo” de estar sin trabajo, pensé en tomarme un tiempo de descanso y disfrutar de mi hijo y del paro, pero veo que es imposible soy una persona proactiva, resolutiva y muy inquieto de mente, y he aprovechado estos días de nervios para terminar mi framework css y mi framework php5, al que le estoy creando todas las apis de la web2.o, si puedo documentarlo y testearlo  después sacaré una beta.

También estoy creando tres proyectos web 2.0 bajo mi framework, tenía uno casi terminado pero lo he vuelto a rehacer, estoy aprendiendo a diseñar con el photoshop, y he terminado dos cursos del plan avanza para la planificación y construcción de empresas TIC.

Lo sé no puedo parar, pena de persona diréis que se le va hacer :)

Prometo postear más a diario en este blog, pronto más noticias.

Y para abrir boca, para mi framework php acabo de terminar de crear una clase jugando con el api de skype, que permite saber el estado de una cuenta, ya que ahora uso el skype para mantenerme en contacto y en mi web personal que resubiré pronto, lo tengo puesto.

Unas capturas antes del ejemplo que veréis en mi web personal quelicoto.es( si aún esta offline)

El siguiente código:

skype class

Generaría la imagen con el estado de mi cuenta de skype

skype status

Pendiente tengo terminar el cms genérico y dejaro acorde con las reglas de accesibilidad ATAG 1.0, mientras se porte bien el niño tendré mucho tiempo

Pronto más

Photosop - Tutorial bordes redondeados - Herramienta rounded Rectangle Tool

Lo primero por si algun diseñador se siente ofendido, yo NO tengo ni idea de diseño, y este tutorial es la forma que he aprendido para realizar los bordes redondeados, se admiten todo tipo de sugerencias.

Después de aclarar esto, para el proyecto web 2.0 que estoy terminando, necesito un diseño muy a la web2.0, por lo que primero aprender a hacer los bordes redondeados.

Me ha llegado un mail de iStockphoto y me han gustado las imagenes, así que me he puesto a jugar con el photoshop, solo me he fijado en los bordes.

istockphoto_banner.png

istockphoto_banner_2.png

Manos a la obra

  1. Paso abrir un nuevo documento de photoshop y seleccionar la herramienta , rounded retactangle tool
    rounded-tool.png
  2. Paso seleccionar en la barra de herramientas el rounded a usar y el color
    rounded-tool-2.png
    yo he escogido como color el #429cbd
  3. El resultado es esteesquinas-redondeadas-efectos-off.png
    Sin texto y sin efectos
  4. Podemos crear una capa para el texto, fuente verdana bold 14px color #fff
    esquinas-redondeadas-texto.png
  5. Vamos a darle un poco de efecto, seleccionamos la capa con el rectangulo, pulsamos el botón derecho Ojo hay que pulsar botón derecho sobre el cuadro con el color y pulsamos blending options
    blending-options.png
    y aplicamos los siguientes estilos en
    si vamos a color overlay - podemos cambiar el color de la forma
    blending-options-color-overlay.png
    o en grandient overlay hacer que este tenga un degradado, vamos a usar esta opción
    pulsamos sobre el degradado y en el editor escogemos como color principal y final #434343 y en el medio #429cbd y podemos poner un stroke de 1px de #434343, para darle algo de borde
    el resultado
    esquinas-redondeadas-efectos-on.png

  6. por ultimo para cortar esto, necesitamos renderizar nuestra forma, pulsando sobre ella en rasterize vector mask, y ya podremos cortarla, y podemos hacer algo como esto
    esquinas-redondeadas-efectos-on-cortado.png

y después imaginación aunque hay poca, por mi parte, ya vereís el diseño :)