Tutorial como crearle bordes a tus imágenes

Hola a todos! .. El día de hoy les traigo un sencillo tutorial a pedido de sobre como ponerle un bordecito a tus imágenes.

Paso 1: abres un nuevo lienzo

Paso 2: colocan la imagen que desean editar

Paso 3: Después en una nueva capa, con la herramienta marco rectangular  

  haces un rectángulo de menor tamaño que el de tu lienzo.

Das clip derecho  sobre tu imagen y te saldrán varias opciones, seleccionas la segunda opción que dice seleccionar inverso. Se marcará el área inverso al que seleccionaste primero. Allí con la herramienta bote de pintura  pintas de algún color, puede ser cualquiera. Ya tienes marcado el marco.

Luego yo simplemente utilizo un estilo que deja al marco con un efecto mas lindo.
Yo suelo utilizar los de esta clase:

Por si no los tienen les comparto dos

Descargar

Luego si quieren apretando Ctrl T (y estando en la capa de su borde) pueden modificar el tamaño de su borde o moverlo de lugar. (como se muestra en la imagen de as arriba)

Seguir leyendo

Tutorial: Como combinar fuentes

 Hola a todos mis queridos angelitos! .. estuve bastante perdida últimamente por falta de internet, ya que me mude y no la instalo todavía, espero poder tenerla pronto.

 La entrada de hoy esta dedicada a un sencillo tuto de como combinar fuentes en sus ediciones para que queden mas llamativos y lindos, ya que es un poco complicado y a muchos no les sale.

 Lo realice en varias imágenes con ejemplos para que se entienda mejor y sea mas entretenido leer..

Tip 1: Si tienes en una edición un título y un subtitulo, o un texto con mayor importancia que el resto del texto, puedes usar esta dos opciones:                        

• La de resaltar o remarcar mas el título con una fuente mas gordita, y al subtitulo hacerlo con una fuente mas finita y menos cargada como indica la imagen.

• Si tu título es mas largo que el subtitulo puedes hacer como en el segundo ejemplo, en el titulo usar todas las letras en minúscula y con una fuente llamativa, y al subtitulo ponerle un fuente livianita y con todas las letras en mayus para que acapare un poco mas de lugar y no se pierda tanto debajo de la oración del título.

Tip 2:  Si tienes bastante que decir (no creo que tanto como en la imagen de ejemplo xD) siempre tienes que tener en cuenta que todo el mundo siempre lee primero lo que esta como una fuente en mayor tamaño, por eso siempre hay que poner lo mas importante mas grande que el resto del texto!

Tip3: También puedes probar con acomodar los tamaños de los textos haciendo que rellené alguna forma como redondos, cuadrados, rectángulos, triángulos, así queda mas llamativo y no desperdicias un determinado lugar de tu diseño.

Tip 4: Siempre debes de tener en cuenta que temática o mensaje tiene tu diseño, si es para algo llamativo e informal debes colocar cierta fuente que enfatice con el tema, si es para algo serio debes de usar una fuente completamente distinta.

Tip 5: Nunca debes usar fuentes difíciles de leer como en la imagen, porque es un rollo tratar de descifrar algunas veces que dice y cansa la vista. Fuentes de ese tipo quedan mejor para aclarar cosas cortitas o para poner tu nombre.

Descargar tutorial: PDF

Seguir leyendo

Menu: Lost Memory

Preview

Para colocar este menu en tu bloggie solamente debes ir a Diseño | Añadir gadget | HTML/JavaScript y pegar el siguiente código (para plantillas blogskins debes colocarlo debajo de </style> )

<style>
.rainbow {
  position: fixed;
  width: 80px;
  position:fixed;
  left: 200px;    top: 50px; }
/* Cajitas */
.cubito a{
  width: 48px; /* ancho de la caja */
  padding-top: 18px;
  padding-bottom: 18px;
  background: #ECF3F0; /* color de la caja */
  border: 2px solid #FAF8F3; /*  borde de la caja */
  font-family: arial;  /* fuente del texto */
  font-size: 11px; /* tamaño del texto */
  color: #222; /* color del texto */
  text-shadow: 1px 1px 1px #bbb; /* sombra del texto */
  text-decoration:none;
  text-align: center;
  display: inline-block;
  transition: .2s;
  margin:4px; /* separación entre las cajas */
}
/* Cajitas Hover */
.cubito a:hover{
  color:#666; /* color del texto*/
  width: 60px; /* ancho de la caja */
  text-decoration:none;
  text-shadow: none;
  transition: .2s;
  -webkit-animation: shadow 5s infinite; /* efecto de la sombra */
}
/* Gracias a thecircus-x.blogspot.com */
@-webkit-keyframes shadow {
0%   {box-shadow: inset 0px 0px 2px 2px #D6E5DF;}
25% {box-shadow: inset 0px 0px 4px 4px #D6E5DF;}
50% {box-shadow: inset 0px 0px 6px 6px #D6E5DF;}
75% {box-shadow: inset 0px 0px 4px 4px #D6E5DF;}
100% {box-shadow: inset 0px 0px 2px 2px #D6E5DF;}
}
</style>
<center>
<div class='rainbow'>
<div class='cubito'>
<a href="url">Home</a><br/>
<a href="url">About</a><br/>
<a href="url">Site</a><br/>
<a href='url'>Links</a><br/>
</div>
</div>
</center>

Ahora lo editas a gusto y ya está .. 

Seguir leyendo

Efecto lluvia en imágenes

Hola soñadores! Como están? Hoy les traigo este efecto muy bonito y sencillo de hacer  que pueden utilizar en sus imágenes ♥

Iniciamos abriendo la imagen a la que queremos darle el efecto, usualmente se utilizan imágenes de ciudades y cosas así para que se vea la lluvia, preferentemente deben elegir una imagen que tenga vista al cielo, pero si quieren pueden usar la que quieran. Yo escogí la siguiente desde google:

Luego colocamos la siguiente textura (Archivo/Colocar elementos incrustados), o cualquier otra que sea de cielo oscuro:

{clip en la imagen para descargar}

La ajustan a su gusto y fusionan en modo "Luz suave" de manera de que quede así: 

Borran lo que quede feo, luego duplican la textura y la ponen en modo "Saturación" con una opacidad y relleno entre los 70  o 75 de manera de que quede mas o menos así:

Ahora crean una nueva capa y la pintan de blanco, luego dan clip en Filtro/Ruido/Añadir Ruido y seleccionan lo siguiente:

Entre los 300 y 400

Distribución: Guassiano 

Monocromático

Les quedará así:

Después en esa misma capa van a Filtro/Desenfoque/Desenfoque de movimiento, eligen el ángulo hacia donde irá la lluvia, y la distancia no debe ser mas de 15.. 

La colocan en modo de fusión "Trama" y ajustan la opacidad a gusto:

Si quieren le agregan un ajuste de Niveles para que su imagen se vea mas oscura o mas clara, y después agregan una capa en modo luz suave y con este pincel..    van pintando de negro las zonas que consideren deban ser más oscuras, como el agua, el piso, las sombras etc.. Esta capa debe ir debajo del filtro de ruido:

 Mi resultado final.. Espero les haya  gustado el tutorial ♥

No olviden que se siguen llevando a cabo las votaciones para el concurso
{Aquí}

Hay tiempo hasta mañana para votar!

Seguir leyendo