fottoshopp

Hur lägger man upp en youtube ruta i sin blogg?

1. Jo surfa in på youtube och de klippet du vill lägga upp,
därefter så kopierar du texten enligt bilden nedan.

2. Sedan går du in i ditt nya inlägg och trycker på knappen
"HTML".
3. Klistra in din text längst ner under all annan text, sedan dubbelklickar
du upp hela fönstret så du får en stor ruta och då dyker uppdatera knappen upp.
Hade problem med detta i början och förstod inte att man va tvungen att förstora fönstret
sedan kunnde man uppdatera. (verkar vara fixat nu, men några kan ju ha problem)
4. Din video bör nu ligga med i inlägget!

Hur byter jag färg på texten i min blogg:

1. Gå in på fliken design
2. Tryck på texten "alternativt redigera din befintliga stilmall."
3. Kolla min bild nedanför vilken text i stilmallen du ska ändra på.

4. Ändra färgen med hjälp av färkoderna som står i t.ex. photoshop där
du väljer färg. (Tror detta bara är när du lägger upp saker på bloggen,
din textfärg inte kommentarerna, då får du scrolla neråt och ändra på "comments")
5. Lycka till!

Om ni vill göra om kompisens eller kompisarnas face
så trycker ni på snabbkommandot "Ctrl+shift+X"
Då får ni upp ett fönster som ser ut så här..



Bara och leka runt :)

1. Gör en ny med bredden 600 och höjden 600 pixlar.
2. Välj ut ett fotto du skulle villja ha en fin ram runt.
3. Dra in fottot i din vita bild som vi började med.
4. Antar att bilden är väldigt stor och därför får du skala ner bilde med hjälp av
kommandot " Ctrl+T ". För att få bilden hålla sig lika stor hela tiden så att inte
bilden blir längre eller högre än vad den ska vara så håll in "shift" knappen
samtidigt som du drar i ena hörnet av bilden. En del bilder kan vara jätte stora
och behöver därför dra ner bilden jätte långt tills du hittar ett hörn och sedan
skala ner den.
5. När du har en ganska liten och passande bild till en vita bilden så ska vi klicka
på bilden på lagret. Då kommer vi få en markering runt våran bild och då
så ska vi gå in på "select" --> "modify" --> "expand"

6. Välj att expandera med 4 och då kommer ni få en större markering. Gör ett
nytt lager och behåll markering och fyll i med vit färg.

7. nu kommer våran bild försvinna men det gör inget för vi drar ner vårat vita lager under
våran bild och får då en vit kant, men har ni vit bakrund så kommer ni inte se något.

8 . Nu trycker vi på "Ctrl+E" så bindar vi dom två lagrena som vi har till en bild,
glömm inte bort att det övre lagret ska vara markerat sen trycker ni " CTRL+E ".
9. Nu högerklickar vi på lagret och väljer "blending options" och väljer fliken "outer glow"
fyll i opacity till 24 % och blend mode till "normal" och välj färgen svart.

10. Klicka OK till höger och Wolla du har en bild med svart ram runt! :)
11. du kan även lägga till fler bilder och kan även snurra på bilderna så de
ligger lite coolt över varandra genom kommandot "Ctrl+T" sedan håll längre ut
i hörnet och då kommer en halv rund pil upp bara att snurra som du vill ha det.

En test bild kommer här :)

1. Vi börjar med att gå in på sidan brusheezy. Där letar vi omkring och väljer
ut några roliga brushes som vi vill ha.
2. När vi laddat ner de brushes vi vill ha så ska vi packa upp filerna precis som i "font rubriken".
3. Vi kopierar filerna och lägger dom i " C:\Program\Adobe\Adobe Photoshop CS3\Presets\Brushes ",
inte säkert alla har sparat photoshop på C: men leta rätt på adobe mappen och sen mappa upp brushes.

4. Starta om photoshop och brushesena bör ligga i brush menyn :)

5. Wolla, bara leka runt med brushes :)

Gör ni någon fin bild så får ni gärna skicka den till min mail [email protected]
så lägger jag upp bilden på bloggen..

Här är en bild jag gjort i bara brushes

Nu tänkte jag förklara för er som inte vet hur man lägger till fonter så att de går att använda i photoshop.

1. Klicka på på denna länk Dafont
2. Ladda ner de fonter du känner för. (sköna fonter, bleeding cowboys, Birth of a hero, koshgarian)
3. Nu ska du packa upp dina filer med hjälp av t.ex. winrar.

4. När du fått fram de såkallade font filerna kopierar du dom och klistrar in dom i START--> KONTROLLPANELEN-->TECKSNITT.


5. Se till att photoshop startas om, om du har det uppe annars kommer fonterna inte läsas in.
6. Wolla du har nya fonter!

1. Skapa en bild med bredden 800 och höjden 400 pixlar.
2. Använd sedan "gradient tool" i listan till vänster genom att
högerklicka på på målfärgsburken. Då ska "gradient tool"
dyka upp.

3. Välj 2 schyysta färger gärna vitt och något mer.
Håll in musen och shift knappen och dra ett sträck
mitt i. Så kommer ni få rakt och snyggt som på min bild.
4. Lägg gärna till en bild till headern och ändra lager stilen
till "overlay".

5. Nu kommer våran bild se ut något i denna stilen. Nu fattas bara en
snygg text till den. Tryck upp text verktyget eller tryck på snabbkommandot
"T". 

6. Har man en rand ut i örnet där som jag har så kan man alltid fixa
till det med verktyget "smudge tool". Tror att du måste högerklicka
på vatten droppen sedan välja iconen med en hand på.

7. högst upp då kan du välja olka pensel stolekar. Jag tog en
en soft-pensel med storleken 125 och började sedan dra
försiktigt i kanten på bilden där det blev en kant.
8. Klar!, bara att spara som jpeg format.

1. Gå in på blogg.se och tryck på skapa blogg.
2. Följ anvisningarna där och skapa din blogg.
3. När du är klar med uppgifterna så loggar du in på blogg.se
med din registrerade e-mail adress och ditt nya lösenord.
4.Tryck dig in på fliken "design" och välj där den blåa desginen.

Nu ska vi börja med photoshop delen!

1. Gör en ny med bredd 800 och höjd 400 pixlar.
2. Nu kan du börja lattja med din header.

3. När du är nöjd med din design så sparar vi den som jpeg format.
("spara som" kommandot är ctrl+shift+s)

1. Nu ska vi börja med våran bakgrund och då väljer vi
en bredd på 2000 och höjd på 2000 pixlar.

2. Välj en passande färg till din header sen sparar vi
den i gif format. (kommer upp 2 extra rutor bara trycka ok sen normal)

1. För att kunna lägga upp våra bilder på bloggen som en design
så måste vi lägga ut bilderna på nätet så att vi kan använda dom.
2. Vi registrerar oss på photobucket hensida och kan där sedan
ladda upp våra bilder. (allt gratis såklart)
3. Välj "upload images & videos" sedan leta rätt på dina 2 filer.
Tror bara man kan lägga till en i taget. (se till att from är markerad
på computer)
4. Du kommer nu se dina 2 bilder ligga upladdade där.
5. Låt detta fönstret vara uppe och gå tillbaks till bloggen där
vi valde blåa designen.
6 Tryck på "alternativt redigera din befintliga stilmall " och kopiera
nedastående text och klistra in det i rutan som kommer upp.



body {
background: #FFFFFF url(http://din bilds länks bakrund.gif);
margin:0;
padding:0px 0 14px;
text-align:center;
color:#333;
}

a {color: #000000;text-decoration:underline;}
a:hover {color: #333;text-decoration:underline;}

#wrapper {
text-align: left;
width: 800px;
margin: 50px auto;
padding: 30px;
vertical-align: top;
background-color: #FFFFFF;
}

#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #2897ff url(http://din bilds länk header.jpg) no-repeat left top;
margin: 0px;
padding: 0px 0px 0px 0px;
height: 400px;
text-align: left;
border-top: 0px none;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
border-left: 0px solid #ffffff;

}    

#side {
margin-right:0;
padding: 24px 12px 0px;
background: #FFFFFF;
width: 157px;
margin-left: 620px;
}

#content {
overflow: hidden;
width: 560px;
float: left;
background: #EEEEEE;
padding: 0px 0px 20px;
voice-family:"\"}\"";
voice-family:inherit;
margin-top: 0px;
text-align: left;
vertical-align: top;
margin-right: 30px;
border-right-width: 30px;
border-right-style: solid;
border-right-color: #FFFFFF;
font-family: "Times New Roman", Times, serif;
}

#header a {
color: #ebbb2f;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: capitalize;
visibility: hidden;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 36px;
font-weight: bold;
color: #FFF;
margin-top:25px;
margin-bottom:0px;
padding:0px;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #999999;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}

/** Entry headers **/
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
background:#FFFFFF;
padding:14px 10px 10px 15px;
margin: 0px 0px 10px;
height: 14px;
vertical-align: top;
text-align: left;
color: #000000;
}

.navheader {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
}

.nav {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
color: #000000;
}

.nav li {
list-style: none;
padding: 0px 0px 5px;
font-weight: normal;
color: #000000;
}

.nav a {
color: #000000;
text-decoration:none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
.nav a:hover { color: #999999;text-decoration:none;}

/** Post's body text **/
.entrybody {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:20px;
margin: 10px 0px 0px 0px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:20px;
text-align:right;
}

.entrymeta a { color: #000000; text-decoration:underline;}
.entrymeta a:hover { color: #333;text-decoration:underline; }

.commentheader {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 140%;
padding: 10px 3px 3px 18px;
border-top: 1px solid #FFF;
}

.commenttext {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 140%;
margin-right:20px;
margin-left:10px;
padding-left:10px;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
text-align:left;
padding: 10px 20px 20px;
}

.commentmeta a { color: #000000; text-decoration:underline;}
.commentmeta a:hover { color: #333;text-decoration:underline; }

.commentform {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin: 0px 0px 20px 0px;
padding:20px;

}

.separator {
display: none;
}

.default {
display:none;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 1px solid #5E6655;
padding: 0px 0px 0px 0px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #889977;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 30px 30px;
}

.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}

/*****************************************************************************
* Calendar                                                                     *
*****************************************************************************/

#calendar {
color: #000000;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px 0px 6px 0px;
text-align: left;
border-bottom: 1px solid #000000;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #000000;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 0.7em;
border-bottom: 1px solid #000000;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;    
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}

#calendar table tr td ul li {
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
margin: 0px 0px 6px;
padding-left: 10px;
}

#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
}

#profile h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}

#profile p{

}



7. När du kopierat in detta så ska du gå tillbaka till photobucket fönstret
som vi skulle ha öppet och håller över våran bild som vi ska använda som bakrund.
Där kommer det upp olika texter markera texten där det står direct link och kopiera det.

8 Vi går tillbaka till våran design och klistrar in våran kopierade text nästan högst
upp på sidan där det står background: #FFFFFF url(http://din bilds länks bakrund.gif);
9. Tar bort http://din bilds länks bakrund.gif och klistrar in våran text där istället.

10. Gör samma sak med headern fast den ligger lite längre ner i texten.

background: #2897ff url(http://din bilds länk header.jpg) no-repeat left top;
11. Lägg till din andra bilds direct link i denna spalt.
12. Sedan spara och wolla du har gjort en egen design till din blogg.

Ställ frågor om det är något ni är fundersamma på eller om ni kört fast någonstans.

// Proddarn

kommer en video inom kort