2015. jan. 31.

Egyszerű sablon készítés - 1. rész

Kedves Olvasók!


Végre havazik! Már nagyon vártam hogy essen egy kis hó, de ami esett mára el is tűnt, legalább is Budapest déli részén. Most viszont szép, napsütéses idő van, és ilyenkor mindenki vidám, nem? Úgy gondoltam hogy ebben a derűs hangulatban elkészítek egy újabb bejegyzést, amiben az egyszerű sablon készítését írom le pontokba szedve. A legutolsó részben a kész sablont letölthetitek.
Kezdjük is az 1. résszel:


1. rész
A megfelelő fejléc elkészítése
 

Én a Photoshop CS6-ot használom, annyit kell röviden tudni róla, hogy egy nagyon elegáns, fejlett szerkesztő, könnyen lehet kezelni. Letöltési link: xxx

      
1. lépés:   Nyissunk egy új lapot, és az alábbi adatokat írjuk be:



2. lépés:   Válasszunk ki a színkockáknál egy tetszőleges színt, és színezzük be a festékvödörrel a hátteret.

   

3. lépés:  Válasszatok ki egy textúrát, lehetőleg a háttérszínhez passzolót. Én ezt választottam:

 Illesszétek be, és másoljátok ki.

4. lépés: A beillesztési csíkot radírozzuk el, majd egyesítsük a rétegeket, és ezt (a textúra méretétől függően) még 1-szer tegyük meg!

Négy darab textúrát kell kapnunk, amik össze vannak olvasztva!

5. lépés: Radírozzuk ki tetszőlegesen a textúrát!


Én ilyen formára radíroztam.  

Ha úgy gondoljátok hogy a textúrátok színe nem passzol a háttérhez, akkor erre egy egyszerű megoldás van, mégpedig a ColorCop. Ez egy kis program, ami egy pipetta segítségével leolvassa a színt, és HTML színkódba adja ki. Letöltési link: xxx

Tehát nyissuk meg a ColorCop-ot, és a textúrából válasszunk ki egy színt, és ugyanúgy mint az elején töltsük ki vele a hátteret!


5. lépés: Válasszunk ki egy lányról képet, és illesszük be.

Módosítok a kép színén.

6. lépés: Ezután vágjuk ki, és helyezzük el tetszés szerint a fejlécen.


7. lépés: Beteszek még néhány képet/textúrát a háttérbe, és elmosom őket.


8. lépés: És végül egy egy feliratot. 
  

A fejlécet elvihetitek, de a sablonnal lesz igazán szép.

Kb. 10-20 perc alatt el lehet készíteni egy szép, igényes fejlécet, ha ezt a módszert alkalmazzátok!:)               

A 2. részt holnapra terveztem, amiben belevágok a sablon elkészítésébe. 

További szép délutánt/estét!

Angel S.

2015. jan. 26.

Kritika, Elkészült design + újdonság - Ammie B.

Hey, babes!
Na, itt is lennék, egy kész designnal. Most elmondom, hogy körülbelül egy hónapig nem vállalok semmiféle design-, fejlécrendelést. Aki küld, annak automatikusan törlöm.
A másik: gondolkodtam kicsit, és arra jutottam, hogy a kritikát ezennel pontozni is fogom, valahogy így:

  •  kinézet: erre 20 pontot kaphatsz maximum: 10 a fejlécre, 10 a designra.
  • történet: max. 10 pont
  • helyesírás: 5 pont
  • egyediség: 5 pont
  • ha van trailered arra bónuszpontokat kaphatsz: max 5-öt.
Ez így összesen 40. Annak, aki elér minimum 35 pontot, ajánlót írok a blogjáról!!
Elkészült design:
***
Kritka:
***
Kinézet:
  •  fejléc:  Nagyon tetszik. Sok mindent elárul a történetről. Például már rögtön megtudtam, hogy egy focistákról szóló blogra tévedtem. Viszont vannak benne apró hibák. A lány és a fiú között az a csókolózós kép nem igazán tetszik. Eleve csúnyán van kivágva ( javíts ki ha tévedek) , mert ott a fejüknél lévő fehéres rész csak ront az összképen. Engem zavar az a kép ott. Ha mindenképpen szeretted  volna, hogy ott legyen, szerintem elhalványíthattad volna jobban. 10/8
  •  Design: Semmibe se tudok belekötni. A színvilág, az elrendezés is tökéletes. 10/10
 Történet: Több történet is fut az oldalon. Mindegyik roppant egyedi és tényleg tetszik. Bár én ki nem állhatom a futballt, de ettől most eltekintek.  A fogalmazásod jó. Nem viszed túlzásba a környezetleírást sem, ami jó, hiszen én sem szeretek olyan blogot olvasni, ahol tíz sor csak arról szól, hogy az  a fotel csíkos.  10/9
Helyesírás: Van néhány elgépelési hiba meg  helyesírási, de ettől függetlenül semmi komolyabb nincs. Azt javaslom, hogy olvasd át, bár szerintem így is teszed, mert tényleg alig találtam valami kis hibát!  5/5

Egyediség:  Nagyon egyedi a történeted. Ilyen bloggal még tényleg nem találkoztam! Sok sikert a későbbiekben is, de vigyázz, hogy ez az egyediség nem menjen át sablonba! 5/5
 Összpontszám: 40/ 37
Gratulálok! A pontszámod elegendő, így hamarosan írom az ajánlódat!
 

2015. jan. 24.

Textúrák, kódok, inspiráló képek, gifek - Ammie B.

Kódok:
A kódok a SHINE nevezetű oldalról származnak!

HELLO.
ANGEL BLOG DESIGN
ty sophia @ shine

<center>
<table cellpadding="0" cellspacing="0"><td>
<div style="width: 85px; padding: 5px; background: HÁTTÉR SZÍNE; border: 1px solid #ccc"><img src="KÉP HELYE" width="85"/></div></td>
<td><div style="font-family: consolas; line-height: 90%; font-size: 19px; text-transform: uppercase; color: #888; text-align:center; letter-spacing: -1px; margin-bottom: -20px;">CÍM HELYE</div>

<div style="width: 130px; padding: 5px; background: HÁTTÉR SZÍNE; border-top: 1px solid #ccc; position:relative; bottom: -20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 100px;"><div style="padding: 10px; text-align:justify; line-height: 90%; font-family: consolas; font-size: 10px; color: #aaa; overflow: auto; height: 80px; ">

SZÖVEG SZÖVEG SZÖVEG


</div>

</td></table>
<div align="right" style="width: 280px; margin-top: 20px;"><a href="http://shine.b1.jcink.com/index.php?showuser=7">ty sophia @ shine</a></div>
</center>




ANGEL BLOG DESIGN
SZÖVEGSZÖVEGMÉGMINDIGCSAKSZÖVEG




Az alsót ne vegyétek figyelembe. Nem tudom miért, de nem engedi kiszedni. :DD 


<style type="text/css">
.empty { width: 250px; height: 400px; background-image: url(KÉP LINKJE:250x400); position: relative; overflow: hidden; }
.empty .emptyt { width: 200px; background-color: #82C7AB; color: #fff; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 25px; left: 25px;}
.empty .handed { width: 250px; height: 400px; background-color: rgba(250,250,250,0.7); opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.empty:hover .handed { width: 250px; height: 400px; opacity: .99;}
.empty .hand { width: 200px; height: 100px; background-image: url(KÉP LINKJE : 200x100); position: absolute; top: 25px; left: -250px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.empty:hover .hand { left: 25px; }
.empty .emptymt { width: 160px; height: 182px; background-color: #fff; padding: 20px; position: absolute; top: 125px; right: -250px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.empty:hover .emptymt { right: 25px; }
.emptytt { width: 160px; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; color: #946A6C; margin-bottom: 10px; }
.emptyh { width: 160px; height: 160px; padding-bottom: 5px; overflow: auto; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-gap: 5px; -webkit-column-gap: 5px; -moz-column-gap: 5px; -ms-column-gap: 5px; -o-column-gap: 5px; font-family: calibri, sans-serif; font-size: 10px; font-style: italic; color: #555; text-align: justify; line-height: 100%; }
.emptyh::-webkit-scrollbar { width: 2px; height: 2px; }
.emptyh::-webkit-scrollbar-track { background-color: #fff; }
.emptyh::-webkit-scrollbar-thumb { background-color: #946A6C; }
.emptyh b { color: #946A6C; letter-spacing: 1px; font-size: 11px; }
</style>

<center><div style="width: 250px; padding: 5px; border: 3px double #f0f0f0; background-color: #fff;"><div class="empty"><div class="handed"></div><a href="http://shine.b1.jcink.com/index.php?showuser=54"><div class="emptyt">

ANGEL BLOG DESIGN

</div></a><div class="emptymt"><div class="emptytt">

ANGEL BLOG DESIGN

</div><div class="emptyh">

SZÖVEG SZÖVEG SZÖVEG

</div></div><div class="hand"></div></div></div></center>

Textúrák











Inspiráló képek








Gifek
( mindenféle)