Shop Mobile More Submit  Join Login
×




Details

Submitted on
September 7, 2008
File Size
3.0 MB
Thumb

Stats

Views
34,559 (4 today)
Favourites
816 (who?)
Comments
201
Downloads
5,444
×
.:Making a journal layout by ginkgografix .:Making a journal layout by ginkgografix
And the next more complex tutorial that was laying around for a longer time already. I'm not really satisfied with it and there have been more tutorials planned- showing you the stuff that need to be done next etc- but um.. dunno. Maybe later. If anyone want's that template, let me know, still not coded yet :aww:

The zip file is about 3MB big.
I've added:
- the walkthrough pdf (13 pages!)
- the original sized screenshots

Hope that this will help to understand of how to create a journal layout. But keep in mind: it's my way and just one way of doing it. Others might work different. It just should give you a feeling of what needs to be done in general.

I have to thank my beta readers, who took the time to hunt down my grammar/english mistakes and gave me hints where i should add some more stuff.
A big thanks to ~Espiroth, =blissart, ~arrkane and *callsignKateJones :hug:


---
Floral brushes by ~Illyera [link] and [link]
Butterflies and sidebar texture by *redheadstock [link]


:pointr: My tutorials/guidelines
:bulletgreen: CSS Guideline [link]
:bulletgreen: Old vs Gruze Journals [link]
:bulletgreen: Ungruze your Journals [link]

:bulletgreen: How to add image paths [link]
:bulletgreen: How to add a gallery CSS [link]
:bulletgreen: How to make a journal layout [link]

:bulletgreen: ABC of dA CSS Part I [link]
:bulletgreen: ABC of dA CSS Part II [link]


:pointr: My walkthroughs
:bulletgreen: How to code a gallery template [link]
:bulletgreen: How to code a journal [link]
:bulletgreen: How to code a journal II [link]


:pointr: My video tutorials
:bulletgreen: Changing sidebar settings [link]
:bulletgreen: Adding Gallery CSS II [link]
Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconspyrodrago:
spyrodrago Featured By Owner Apr 17, 2013
arg, sorry but I am TOTALLY confused, sorry again!
But, could u explain how u can make a journal like some ppl make, eg: They draw their own one with a theme of their character, or another character they really love^^
thx, u don't have to explain if u don't want to :)
Reply
:iconginkgografix:
ginkgografix Featured By Owner Apr 17, 2013
Something like that can't be explained that easily or with one/two sentences.
What you need will be a layout that shows how the skin should look like later (colors, images etc) and once that is done you need to code it via CSS and HTML. THat's usually the more time consuming and difficult part.

People who have such unique skins either create it on their, use a template or ask someone else to do it for them. For tutorials about how to code you could take a look at #eCSSited. There are plenty of resources.
Reply
:iconspyrodrago:
spyrodrago Featured By Owner Jun 5, 2013
kk! .U.
Reply
:icondigizoom:
DIGIZOOM Featured By Owner Nov 15, 2012  Hobbyist General Artist
THX FOR DOING THIS
IT'S PEOPLE LIKE U WHO REALLY MAKE THE DAY FOR SOME LIKE ME
Reply
:iconginkgografix:
ginkgografix Featured By Owner Nov 16, 2012
:aww:
Reply
:iconlillytheeevee:
Lillytheeevee Featured By Owner Aug 13, 2012  Hobbyist Digital Artist
I dont think i'll really undestand CSS Ebert in my life -.- all the coding sounds unlogic to me -.-
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 14, 2012
It takes some time to get used to it. But once you figured it out it's just a matter of how to combine the single elements :aww:
Reply
:iconlillytheeevee:
Lillytheeevee Featured By Owner Aug 14, 2012  Hobbyist Digital Artist
Ummmm ok then I trust you on your word but I've always been bad at scripting codes -.- ever since I met Adobe flash.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 15, 2012
Flash is way more complex, so i wouldn't really compare both with each other.
Reply
:iconlillytheeevee:
Lillytheeevee Featured By Owner Aug 15, 2012  Hobbyist Digital Artist
True but thanks to my first encounter with flash I've come to dislike scripting in any form and way -.- the drawing part for a background won't be that much of a problem but it's just that scripting part that makes me give up -__-
Reply
:iconovelayotli:
Ovelayotli Featured By Owner Aug 6, 2012   Digital Artist
This will be usefull, Thanks for sharing!
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 7, 2012
My pleasure :aww:
Reply
:iconprettywitchdoremi:
PrettyWitchDoremi Featured By Owner Jul 1, 2012  Hobbyist Digital Artist
Thank you!! :D
Reply
:iconghostn0va:
Ghostn0va Featured By Owner Feb 1, 2012  Hobbyist Digital Artist
Ive not tryed yet, but just wanted to thankyou ahead of time! :love:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Feb 2, 2012
:giggle:

Hope it's helpful!
Reply
:iconmasqurade-chan:
Masqurade-Chan Featured By Owner Jan 19, 2012  Student Writer
thank you SO MUCH for this.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jan 19, 2012
Hope it is helpful! :aww:
Reply
:iconmasqurade-chan:
Masqurade-Chan Featured By Owner Jan 19, 2012  Student Writer
but may I ask what program you use?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jan 19, 2012
It's Adobe Photoshop which is rather expensive, but there is also GIMP which is a free program and very similar to Photoshop that a lot of people use.
But in the end you can use any graphic program you want.
Reply
:iconconman979:
conman979 Featured By Owner Aug 15, 2012  Hobbyist Artist
I got mine for free :3 Also there are student and teacher copies which have a discount on them, they make it affordable! But yes, Gimp is very nice if you can't afford photoshop. There's also another one that's an online photo editor that doesn't require download, it's called pixlr, it's not bad at all. [link]
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 16, 2012
Yeah those are much cheaper, but as soon as you want to sell the stuff you create you have to get the regular version :nod:
Reply
:iconconman979:
conman979 Featured By Owner Aug 16, 2012  Hobbyist Artist
Photoshop? Nahh I can sell my stuff now. I got it for free, legal and full copy. It came with something I bought, not sure what though. I think maybe my tablet? not sure. But I still got it for free.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 17, 2012
If you get it for free as an extra when you purchase something, it is a total different story. At least here in Germany. You could get sued if you have only a student/teacher version and would sell designs.
Reply
(1 Reply)
:iconmasqurade-chan:
Masqurade-Chan Featured By Owner Jan 19, 2012  Student Writer
thank you so much(:
Reply
:iconstepping-in-flames:
Stepping-In-Flames Featured By Owner Nov 25, 2011
how do you download the zip file??
Reply
:iconginkgografix:
ginkgografix Featured By Owner Nov 25, 2011
There is a link at the right side of the deviation page.
Reply
:iconstepping-in-flames:
Stepping-In-Flames Featured By Owner Nov 25, 2011
thank you!
Reply
:iconronrebel:
RonRebel Featured By Owner Aug 1, 2011  Student Digital Artist
i followed your tutorial and created my layout [link] What do I do now because I have no idea what to do next?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 2, 2011
The next step would be slicing and coding.
There are several video tutorials on how to do a skin from scratch, take a look at that to get a better idea.

I also have tutorials about coding, that should help you :nod:
Also check #eCSSited for more resources/tutorials.
Reply
:iconronrebel:
RonRebel Featured By Owner Aug 6, 2011  Student Digital Artist
i checked your journal about coding and sclicing but i dont understand it. and i use paint.NET and dont know how to do the slicing
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 7, 2011
Hm, i don't know that program or how it works. Do you have any friends you could ask?
Or maybe check the help of the program if it has such a feature like slicing.
Reply
:icon12-jose-mike-jmk:
12-Jose-Mike-JMK Featured By Owner Apr 15, 2011  Hobbyist General Artist
when you finish the job and keep it to the web, which is next?
you do next?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Apr 16, 2011
After you have created the layout and cut it into pieces to be used, you have to work on the code. I have more tutorials and a few walkthroughs in my gallery about that. One walkthrough shows the whole process of creating a skin. Maybe check that :aww:
Reply
:icon12-jose-mike-jmk:
12-Jose-Mike-JMK Featured By Owner Apr 16, 2011  Hobbyist General Artist
ok ,thank you very much for your help
I like your work ^^
Reply
:iconmoroninlove2008:
moroninlove2008 Featured By Owner Apr 7, 2011
Oh my gosh!! This was really helpful!! Thanks a bunch!! :hug: It was SO easy to follow and understand!!
Reply
:iconginkgografix:
ginkgografix Featured By Owner Apr 7, 2011
Always good to hear that. Makes it worth the efforts :thanks:
Reply
:iconaeltari:
Aeltari Featured By Owner Dec 29, 2010  Professional Digital Artist
Could you PLEASE with your immense talent show us how to make matching gallery folders? As a group founder I really like the uniform look of journal and matching gallery. I am a real no-mind with this CSS coding stuff and too poor to pay someone to make one for us, so doing it myself is the only choice but I have no clue how.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 29, 2010
Would something like this [link] help you? :aww:

Of if you mean the galleries and not the folders itself, take a look at this: [link] [link]
Reply
:iconaeltari:
Aeltari Featured By Owner Dec 29, 2010  Professional Digital Artist
Thank you! I admire your big heart and your willingness to share your wonderful talent. I wish the world had more people like you.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 30, 2010
My pleasure! :huggle:
Reply
:icondirulicious:
DiruLiCiouS Featured By Owner Oct 26, 2010  Hobbyist Traditional Artist
Wow, danke, danach habe ich gesucht! XD Jetzt bin ich nur gespannt ob das auch in meine Birne reingeht^^
Reply
:iconginkgografix:
ginkgografix Featured By Owner Oct 26, 2010
Einfach in Ruhe durchlesen und dann klappt das schon :B
Reply
:iconlowettina:
Lowettina Featured By Owner Oct 3, 2010  Student Artist
it's really useful! thank you!
Reply
:iconginkgografix:
ginkgografix Featured By Owner Oct 3, 2010
My pleasure! :aww:
Reply
:iconendlesssly:
endlesssly Featured By Owner Sep 17, 2010
Oh Mann, nachdem ich nun sooo viele schöne Journale gesehen hab, versuch ich das doch glatt mal selbst!
Und dann... ja, dann werd ich wohl doch eine Premium-Mitgliedschaft brauchen :D

Danke Dir ...für alle Deine Tutorials und die viele Mühe :)
Ich meld mich wieder, wenn´s geklappt hat. ;)
Reply
:iconginkgografix:
ginkgografix Featured By Owner Sep 18, 2010
Na dann wünsch ich mal viel Erfolg und würde mich natürlich freuen, wenn ich zu sehen bekomme, was du kreiert hast! :#1:
Reply
:iconendlesssly:
endlesssly Featured By Owner Sep 19, 2010
oha, DAS hätt ich eh gemacht, Du machst Dir soviel Arbeit damit, da solltest Du sehen, wie gut das alles klappt... DEIN Green-Swirl-Journal ist schon mal drin ;) Sieht super aus!
An einem eigenen Skin bin ich dran :D

Die Gallery macht mir noch Probleme, ich glaube, grundsätzlich muss ich die Urls in quotation marks setzen (war beim Journal auch so). In der Gallery seh ich allerdings nur gelbe Schrift, ansonsten... nix.
HAb alles probiert, CSS-Text geprüft... Ab hier bin ich also erst mal ratlos. Ich hab schon ganz gute CSS-Kenntnisse, aber... *hmpf* Naja, kommt Zeit, kommt Rat.

Ich bin allerdings im Slincing superneu, kannst Du mir einen Tipp geben, welches Tut das beste ist?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Sep 19, 2010
Das freut mich zu hören! :aww:

Hm, also im CSS hab ich das noch nie gemacht, bei normalen a oder img tags ist es allerdings erforderlich, sonst funktioniert das nicht richtig. Bei `mindfuckx findest du eine Übersicht über die Gallery-Klassen, vllt hilft dir das ja weiter?

Oh, ich hab da noch nie mit nem Tutorial gearbeitet, weil ich es damals in der Kunstschule erklärt bekommen habe. Und ich hab auch ne Kombination aus Slicen und extra Speichern(wenn ohne Effekte gearbeitet wurde). Bei meinen Tutorials sind auch welche bei, wo ich auch aufs Slicen etc eingehe, hast du da evtl mal geguckt, ob das hilft?
Reply
:iconendlesssly:
endlesssly Featured By Owner Sep 22, 2010
Danke Dir für die hilfreichen Tipps :) Journale habe ich schon einige erstellt, das macht ja mal richtig Laune :D (Wenn Du magst, kannst Du Dir die hier angucken :iconmovie-star-glamour: - ist ja schließlich Deine Schuld :giggle: Nur wegen Deiner Tut´s und Styles bin ich überhaupt auf die Idee gekommen!)
Slicen hab ich intuitiv schon richtig gemacht, aber hier noch nicht umgesetzt. Photoshop ist ja schon fast selbsterklärend ;) Und die paar Dinge aus Deinen Tut´s (die ich wahrscheinlich nun ALLE mindestens einmal gelesen hab, Du hast einen Extraordner auf meinem PC XD) haben mir auch schon gut weitergeholfen.

Und jetzt trau ich mich noch mal an die Gallery-Styles. Das will immer noch nicht, so wie ich gerne will :D Aber... ich lass mich da jetzt erst recht nicht unterkriegen! So nicht! Nicht mit mir! *stampf mit dem Fuß auf*
Haha.
Ich meld mich gerne wieder, wenn das Ergebnis feststeht...
Reply
Add a Comment: