.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivoSlider {
position:relative;
min-height:220px;
margin:0px 0px 20px 0px;
background:#202834 url(http://nivo.dev7studios.com/images/loading.gif) no-repeat 50% 50%;
-moz-box-shadow:0px 0px 10px #333;
-webkit-box-shadow:0px 0px 10px #333;
box-shadow:0px 0px 10px #333;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
}
#content {
width:610px;
margin:0 auto;
position:relative;
}
#content h2 {
margin-left:0px;
}
#footer {
text-align:center;
padding:30px 0;
color:#31333E;
text-shadow:0px 1px 0px #6F7784;
}
#footer a {
color:#31333E;
border-color:#31333E;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://nivo.dev7studios.com/images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
#slider1 .nivo-controlNav,
#slider2 .nivo-controlNav,
#slider4 .nivo-controlNav {
position:absolute;
left:0%;
bottom:-30px;
}
#slider1 .nivo-controlNav a,
#slider2 .nivo-controlNav a,
#slider4 .nivo-controlNav a {
display:block;
width:10px;
height:10px;
background:url(http://nivo.dev7studios.com/images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
#slider1 .nivo-controlNav a.active,
#slider2 .nivo-controlNav a.active,
#slider4 .nivo-controlNav a.active {
background-position:-10px 0;
}
#slider2 a {
display:block; /* IE Fix */
}
#slider3 {
margin-bottom:110px;
}
#slider3 .nivo-controlNav {
position:absolute;
left:29%;
bottom:-70px;
}
#slider3 .nivo-controlNav img {
display:inline;
position:relative;
margin-right:10px;
-moz-box-shadow:0px 0px 5px #333;
-webkit-box-shadow:0px 0px 5px #333;
box-shadow:0px 0px 5px #333;
}
#slider3 .nivo-controlNav a.active img {
-moz-box-shadow:0px 0px 5px #fff;
-webkit-box-shadow:0px 0px 5px #fff;
box-shadow:0px 0px 5px #fff;
Texturas de Luces
8 texturas de luces de colores en excelente calidad para utilizar de fondo en tus diseños.
DESCARGA VISTA PREVIA
Stickers y Post-its en Vectores
Publicado por Pocho en ILLUSTRATOR, VECTORES el miércoles 14 de julio de 2010
Un recurso que utilizo mucho es éste, descarguenló y tenganló a mano que no tengo dudas que en sus próximos diseños, más temprano que tarde lo van a estar impelmentando.
DESCARGA VISTA PREVIA
Remeras en PSD 100% layered
Hoy dejo un recurso muy útil que me fue de gran ayuda en particularmente éste blog para un cliente pero que luego he utilizado en menor medida para otros trabajos. Se trata de una serie de archivos en PSD que contienen Remeras en su parte trasera y frontal totalmente dividida en capas. Lo interesante de este recurso es que al realizar un diseño sobre la remera se puede lograr un efecto muy real gracias a que las arrugas y las sombras se encuentran separadas en capas superiores al diseño en sí, esto da la impresión de todo lo que dibujemos sobre la remera luzca como si estuviera impreso en la remera misma.
Descarguen y comprueben ustedes mismos.
DAMAS CABALLEROS
PACK COMPLETO
Fotografías en Blanco y negro - Método POCHOLOG
Publicado por Pocho en PHOTOSHOP, TUTORIALES el lunes 5 de julio de 2010
En este tutorial voy a explicar paso a paso un método que utilizo siempre para darle dramatismo y contraste a mis fotografías en blanco y negro. Una técnica que aprendí mezclando el método que utiliza rob carr, técnico de Greg Gorman y otros efectos utilizados para otros fines.
Bueno en realidad más que explicaciones me tomé el trabajo para que quede bien explicado con imágenes que siempre resultan más didácticas que las palabras. En 7 imágenes se reflejan todos los pasos a seguir, y al final el resultado para poder comparar la diferencia entre la conversión más simple que ofrece photoshop (imagen->ajustes->desaturar [ctrl+u]) y el método que les ofrezco.
Si quieren pueden utilizar para practicar las misma imagen que utilicé yo, descargandolá de acá.
Nota: click sobre las imágenes para una mejor visualización.
![Blanco y negro [método Pocholog]](http://ruizemanuel.vndv.com/pocholog/imagenes/posts/byn/paso1.jpg)
![Blanco y negro [método Pocholog]](http://ruizemanuel.vndv.com/pocholog/imagenes/posts/byn/paso4.jpg)
![Blanco y negro [método Pocholog]](http://ruizemanuel.vndv.com/pocholog/imagenes/posts/byn/paso5.jpg)
![Blanco y negro [método Pocholog]](http://ruizemanuel.vndv.com/pocholog/imagenes/posts/byn/paso6.jpg)
![Blanco y negro [método Pocholog]](http://ruizemanuel.vndv.com/pocholog/imagenes/posts/byn/paso7.jpg)
Utilicen la barra central para desplazar hacia la derecha e izquierda y comparar los resultados (para ver la comparación entre las 2 imágenes deben ingresar a la entrada individual).
Cualquier duda o sugerencia será bienvenida.
15 excelentes tipografías para tus diseños
Publicado por Pocho en DESCARGAS, TIPOGRAFíAS el jueves 1 de julio de 2010
En el post número 15 de pocholog les presento lo que para el administrador de este blog son las casualmente 15 mejores tipografías gratuitas que rondan por internet, de excelente calidad e ideales para tus diseños creativos y corporativos.
El orden del ranking está armado teniendo en cuenta una combinación entre las que más utilizo y las que más me gustan que generalmente coinciden.
En cada una de las imágenes se encuentra el link a su descarga, y a continuación dejo un pack con las 15 tipografías por si las quieren bajar todas juntas.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
PACK COMPLETO 1.2 MB | RAR
Pinceles de agua tipo splash
Como bien marcaba en una entrada anterior los pinceles son uno de los recursos que marcan la diferencia entre el potencial de Photoshop respecto a los demás programas de retoque fotográfico. En esta ocasión voy a compartir una serie de pinceles que simulan un efecto de el splashes de agua, tienen una vista previa acá.
Si no saben como instalar un pincel (brush) acá les dejo una especie de minitutorial para cargar sus pinceles en Photoshop.
DESCARGA VISTA PREVIA
