Mostrando entradas con la etiqueta Tutorial. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tutorial. Mostrar todas las entradas

18 noviembre 2015

Como hacer cabecera/header Png en Pixlr

Hola lectores, vamos a ver el tutorial de hoy (post programado) el cual se trata de como hacer una cabecera Png en Pixlr.com/editor , se que hay muchos programas que se pueden bajar al computador como photoshop y phtoscape entre otros, pero les voy a enseñar en esa página porque :

  • Se encuentra en internet, es un editor Online
  • Porque es muy fácil de usar
Pero no por ser fácil de usar signifique que vamos a hacer una cabecera o header "Simple" , vamos a tratar de que se vea lo mejor posible y darle algunos efectos que lo harán lucir bien, comencemos:


Debemos entrar a Pixlr.com/editor  Luego según sea el ancho del blog vamos a crear la imagen, yo la hare de : 1000 x 300

2. Vamos a ir a capa y seleccionamos una de estas opciones : Abrir imagen como capa o abrir url de la imagen como capa:








3. Luego que tengamos nuestra imagen la vamos a situar a un lado ( ya sea derecho o izquierdo ) 




11 abril 2015

Tutorial : Diseño de imagenes para post como en mi blog [En PIXLR.COM]


Bueno hoy un tutorial ojo que este post es programado , bueno les voy a mostrar como realizar las imágenes para post como yo las hago y con diseño que fue en una imagen para post de MLP (my little pony) que tiene bastante diseño , en sí el tutorial es simple y fácil , pero a la vez es difícil en el sentido de que hay que prestar atención para entender bien y recordar que Pixlr no es tan compleja como Photoshop , y que a veces para hacer lo que se hace con photoshop lleva más trabajo o queda con menos detalle, en fin comencemos :



Lo primero que tenemos que hacer es elegir nuestra imagen a editar y dirigirnos a Pixlr.com
Vamos a ir a figuras sleccionamos rectángulo, le le colocamos sin relleno borde tamaño 10 y opacidad 45 % 
Comenzamos a escribir nuestro texto Primero escribimos el título de nuestro blog o lo que queremos en letras grandes tamaño 114 , pero este tamaño depende de nuestra imagen ok [ si es más larga que ancha o por el contrario mas ancha que larga si es cuadrada etc] seleccionamos un tipo de letra yo tengo varias descargadas y seleccione Always in my heart. Seleccionamos el texto y vamos a Estilos de capa como ven en la imagen de abajo colocamos la opción sombra interior (es la primera que colocaremos) le colocamos los siguientes valores  opacidad 20 distacia 1 , tamaño 1 angulo -135 color negro 

Ahora colocamos la opción sombra paralela y colocamos los valores opacidad 20 ,tamaño 4 ,distacia 9 y color negro  , ahora volvemos a seleccionar texto y colocamos letra más pequeña 45 a 70 dependiendo de su imagen seleccionamos un tipo de letra diferente a la de la más grande (la primera) , ahora buscamos estilo de capa y seleccionamos sombra exterior colocamos opcacidad 100 dureza 10 y tamaño 6 color negro y opacidad 45 


Finalmente seleccionamos formas línea la trazamos entra los dos textos antes de esto seleccionamos un color de línea y le dejamos el estilo de capa del texto  , la línea no debe ser muy gruesa por que tiene bordes y se vera aún más gruesa y podria tapar a su texto , finalmente guardamos la imagen 





29 marzo 2015

Menú Ovalado horizontal

Hola , Bueno he venido con un tutorial sobre un menu ovalado y horizontal el cual utilizo en el diseño de mi blog Barbie Blog :
(haga clik para agrandar) y da en seguir leyendo o más información