Узорная рамочка (урок для фотошопа)

По просьбе ПЧ , я вам расскажу как в программе Фотошоп
сделать "Узорную рамочку"

И так начнем

Читать далее...

Рамочка с анимацией (урок для фотошопа)

Я продолжаю небольшую серию уроков по изготовлению рамочек
В этом уроке мы будем делать анимированную рамочку и сохранение всех частей в GIF формате

В данном уроке нам понадобится фильтр AlienSkin_Xenofex2-Constellation
Скачать фильтр можетеЗдесь
Как установить фильтр в фотошоп
Здесь
И так начнем

Читать далее...

Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо! Он же дал ссылку на генератор, в котором можно сделать простенькие рамочки с однотонными фонами. Этот генератор здесь. Вроде ничего сложного при работе в нем нет, хоть он и на английском языке. Может кому то пригодится.
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Здесь урок для Яру
Читать далее

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона. Егорова Татьяна

Код готовой рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/h-18805.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><br />Здесь будет Ваш текст<br /> <br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Рамка с круглыми углами. Без фотошопа!

РАМКИ С КРУГЛЫМИ УГЛАМИ

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)
Здесь урок для Яру

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>