an artistic dream

gyapo: Hovering Slideshow Base. (optimized for Chrome) This...

Thu, 23 Aug 2012 19:47:45 -0700

Hovering Slideshow Base. (optimized for Chrome)

This isn’t really a tutorial since I’m not really explaining, but I think giving out a base will be easier than explaining each line.

The main trick is having a div inside an other. The interior one having a superior width, the exterior one being only like a frame.

Since the images are set as background, you can easily add buttons or text or whatever in your pannels.

CSS :
#slideshow
 {height:300px;
 width:600px;
 overflow-y:hidden; /*no vertical scroll*/}
 
#content
 {width:1200px; /*the more you'll have pannels the more you'll raise its value*/}

#title
{position:absolute;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#content:hover #title
{opacity:0;}

.pannel
{width:150px;
height:300px;
float:left;
overflow:hidden;
background-position:-150px; /*value is (-)width*/
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

.pannel:hover
{width:500px; /*width of your pannel Backgorund image*/
background-position:0px;}
HTML :
choose your path

Golgothassterror: art post

Mon, 09 Apr 2012 16:35:25 -0700

Golgothassterror: art post:

tutorialsforartists:

I just went back through over 900 liked posts and dug out all the art tutorials so i can keep track of them. I guess this might be helpful to some of you guys, so here you go.

Here we go then!

Freeware

Alchemy - this is a really fun program. You play around making abstract shapes until you start to see something in them, kind of like a Rorschach test. Then you use the shapes as a base to draw it from.
MyPaint - a pretty decent painting program that also has the benefit of working on Unix systems.
openCanvas 1.1 - I haven’t used openCanvas in years but it was a nice program with a pretty unique feel to it.
ArtRage - Only used this a couple of times donkey’s years ago just before I got oC, but I’ve heard good things about it.
The GIMP - In a similar vein to Photoshop, but free. I couldn’t get on with it when I tried it out a few years ago, but it’s pretty popular and is available on Unix systems and Macs.

Sketchbook copic: a bit different program

Not-free-ware

Photoshop - Standard painting fare. Probably the most flexible program (particularly the latest versions) but not designed to act in a “natural” way. If you’ve used it for painting versus something like Painter you know what I mean. Who the fuck pays for it though? Google “Photoshop tumblr masterpost” and take your pick.
Paint Tool Sai - Far more affordable and definitely worth paying for if you can. The brushes are very decent (especially when they’ve been tweaked a little), the gui is simple and intuitive, and I dare you to find a program with which making smooth lineart is easier.
Corel Painter - My program of choice for most things. More tools than you could ever possibly use and pretty cheap on a student license, providing that you can prove you’re a student! It’s got a few bugs but if you want realism or a more natural feel than PS or SAI this is the program for you.

Anatomy

heads from different angles

anatomy and rotation of the head

human anatomy for artists

speed drawing studies

nude references

hands

arm and wing movement

beer bellies

body types

noses

box and egg/run of the stroke

a trick for arm proportions

body diversity

anatomy of the waist

feet

hands and forearms

Expressions

emotions and facial expressions

expressions from different angles (love this site)

body language

Poses

figure drawing examples

posemaniacs

gesture drawing

flexiblity

hand poses

Skin tones

handy pallet

painting skin

paint some life into your skin tones

ethnic skintones

Colouring

gamut mask tool (very nice!)

colour does not have to suck

5 easy ways to improve your colouring

fucking gradients, how do they work

light and shadow

painting crystals

achieving a painterly look in SAI

painting forests

colour scheme designer

kuler (more colour schemes)

portrait lighting cheatsheet

Brushes

a very nice setting for the sai acrylic brush

photoshop fur brushes (and tutorial)

lots of photoshop brushes

Other peoples masterposts

handy art link megapost

art references

stock artists

cocks and how to draw them

love your fellow artist (anything from prompt generators to animation background here, very nice)

e-books

art e-books (mediafire download)

even more e-books (including human anatomy, animal anatomy, cartoons, animation, composition, design, scenery, perspective…)

Andrew Loomis’s books

the art of drawing

cutting edge anatomy

Tutorials

drawing 101

how to paint realistic hair

how to paint realistic eyes

conceptart.org tutorials

creature design

folds

glasses

a pretty extensive general art tutorial

tumblrs

fucking art, how does it work

wannabe animator

anatomical art

artist problems

criminallyincompetent (check out their #reference and #tutorial tags, they’re gold)

Tutorial: floating text cursor

Sat, 07 Apr 2012 16:34:20 -0700

tutorialsandmore:

EXAMPLE:

1. Go to THIS site and copy the code.

2. Now go to Customize > Edit HTML and paste the code BEFORE the </head> tag (use CTRL+F do find it). If it doesn’t work, try pasting the code before the </body> tag.

3. Don’t forget to replace YOUR TEXT HERE with the text you want to appear with the cursor. To change the color, replace #000000 with the HTML color you choose.

Tutorials by OohCamila.com ///: Tutorial: adding energy saving mode

Sat, 07 Apr 2012 16:34:16 -0700

Tutorials by OohCamila.com ///: Tutorial: adding energy saving mode:

tutorialsandmore:

EXAMPLE (credits):

This is a free service and it is provided by Online Leaf. Their standby engine is deliver a fully functional and simple way to help your website run requiring less energy to generate. It hides heavy animations, covers the window in dark colors (as these, in many…

Tutorials by OohCamila.com ///: Tutorial: making a blogroll page

Sat, 07 Apr 2012 16:34:11 -0700

Tutorials by OohCamila.com ///: Tutorial: making a blogroll page:

tutorialsandmore:

You can check an example on my personal blog, click HERE.

1. First of all, go to Customize > Pages > Add a page. Instead of Standard Layout, select Custom Layout.

2. In the Page URL, put “blogroll”. In the white space you have to paste THIS code.

3. If you theme support page…

Download links

Thu, 15 Mar 2012 23:27:33 -0700

schlongbottom-neville:

fyeahtutorial:

Download photoshop

PHOTOSHOP CS

PHOTOSHOP CS2

PHOTOSHOP CS3

PHOTOSHOP CS4

PHOTOSHOP CS5

Download kmplayer

KMPLAYER

Download youtube downloader

YOUTUBE DOWNLOADER

Download video converter

VIDEO CONVERTER

Others

GIMP

PHOTOSCAPE

PHOTO EDITOR

PICASA 3

Online photo editor (no need to download!)

PICNIK

FOTOFLEXER

PIXLR

PHIXR

LUNAPIC

PIZAP

IPICCY

BEFUNKY

MAGMYPIC

FOTOTRIX

Snapshot with effects (no need to download!)

CAMEROID

FUNFACECAM

PICANOM

WEBCAM PHOTO

ettudis: How To Make Tumblr Themes: Part V

Mon, 12 Mar 2012 22:01:16 -0700

ettudis: How To Make Tumblr Themes: Part V:

ettudis:

Introduction

What we did previously:

part i - html, css and meta tags

part ii - the body and sidebar: links, description, images, title

part iii - the main column (1/2): the posts types: photos, photosets, links, chats, text, quotes, answers, audio, videos

part iv - the main column…

gyapo: Faking a Tilt shift Photo (using Photoshop), by Gutem...

Sun, 11 Mar 2012 17:13:07 -0700

gyapo:

Faking a Tilt shift Photo (using Photoshop), by Gutem @PSD Rockstar

Read the article at PSD Rockstar

ettudis: How To Make Tumblr Themes: Part I

Thu, 08 Mar 2012 17:55:45 -0800

ettudis: How To Make Tumblr Themes: Part I:

ettudis:

Introduction

What we will cover in this tutorial:

HTML review (bare minimum you need to make a basic theme)

CSS review (bare minimum you need to make a basic theme)

Meta Tags

Other codes

Documents and websites we will consult regularly in this tutorial (keep these open in a tab):

ettudis: How To Make Tumblr Themes: Part II

Thu, 08 Mar 2012 06:06:04 -0800

ettudis: How To Make Tumblr Themes: Part II:

ettudis:

Important Notes

Now that we’re actually going to construct the tumblr theme (put in the walls, framework, windows etc), I want you guys to know that in this particular tutorial, the base theme structure we’re going to cover is two columns; one column is the sidebar (blog description, links,…

How to Make a Blogroll

Sun, 04 Mar 2012 19:09:00 -0800

-apple:

q: What is a blogroll?

a: Here’s an example: click here (it shows everyone you follow on a blank page)

Read More

Live Preview +infinite scroll+sliding sidebar

Sun, 04 Mar 2012 19:04:00 -0800

Live Preview

+infinite scroll
+sliding sidebar

Hi

Sun, 26 Feb 2012 10:27:09 -0800

Hi! Welcome again to my theme blog :).
I’m new at this soo please tell me if anything is wrong.
And if you have any advice for me to improve then hit me up!!!!!

Live Preview This is my first theme ever so if there are any...

Sun, 26 Feb 2012 10:24:35 -0800

Live Preview

This is my first theme ever so if there are any problems let me know!

Photoshop Download Masterpost

Sat, 25 Feb 2012 20:43:35 -0800

zious:

pscs5:

Photoshop CS2

Photoshop CS3

Photoshop CS4

Photoshop CS5

They don’t need a serial number, all you have to do is download and it’ll work normally. And I can sure you that these links are safe. :)

I haven’t tried any of these links; remember to download at your own discretion.

.PSD 193 - DOWNLOAD ϟ

Sat, 25 Feb 2012 20:43:19 -0800

.PSD 193 - DOWNLOAD ϟ

starious: Pixelated: Mini Icons SET. 36 different 10x10 mini...

Sat, 25 Feb 2012 20:43:00 -0800

starious:

Pixelated: Mini Icons SET.

36 different 10x10 mini icons in both black or white.

Download: Pixelated

gyapo: Fugue Music Player tab. Credit appreciated. Live...

Sat, 25 Feb 2012 20:42:24 -0800

gyapo:

Fugue Music Player tab. Credit appreciated.

Live preview : Fugue theme

Music Player used : Billy Player - Tutorial

Icon used : Ixora icons post

In the CSS part (above )

#player
{position:fixed;
bottom:0px;
left:-170px;
height:10px;
padding:1px 8px 3px 1px;
letter-spacing:2px;
background-color:#000;
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 10px 0px 0px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#mus
{float:left;
color:#fff;
padding-left:100px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#player:hover #mus
{padding-left:0px;
opacity:0;}

#player:hover
{left:0px;}

In the HTML part (after ) - you must retype ALL the quotation marks

{block:IndexPage}
”player”>

”float:left;width:120px”>MUSIC PLAYER CODE

”mus”>”http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif” style=”margin-right:8px;”/> musique

{/block:IndexPage}

resources4u: photoshop actions - 1 by *Honestheart26

Sat, 25 Feb 2012 20:40:00 -0800

resources4u:

photoshop actions - 1 by *Honestheart26

resources4u: Photoshop Actions Pack by ~huejuice

Sat, 25 Feb 2012 20:40:00 -0800

resources4u:

Photoshop Actions Pack by ~huejuice