Урок от NATALI: Создание Рамочки на картинке в фотошопе

Урок от NATALI
В этом уроке я научу вас делать простую и очень красивую рамочку..Она не требует больших усилий, но смотрится очень эффектно..
архив урока на скачку: http://turbobit.net/eblqedb5m1bw.html

Читать далее

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
...
Часть 33 - Урок от NATALI: Красивый блик на невидимом узоре
Часть 34 - Урок от NATALI: Нежный Блеск Шумом
Часть 35 - Урок от NATALI: Создание Рамочки на картинке в фотошопе
Часть 36 - Урок от NATALI: Воздушный поцелуй
Часть 37 - Урок от NATALI:Иллюзия движения при помощи света и тени
...
Часть 98 - Урок от NATALI:Быстрое удаление однотонного фона на картинке
Часть 99 - Урок от NATALI:Зимние эффекты плагином Альен Скин
Часть 100 - Урок от NATALI:Движение волос фильтром EYE CANDY 4000

урок№1

начнем с самого простого ==БЛЕСТЯЩАЯ РАМКА==
у меня ф/шоп SC3 (10ка )на русском.
поэтому как и что называется в анг версии..
вот здесь переводы
http://www.liveinternet.ru/users/2416787/post85315475/
Читать далее

КАК ДЕЛАТЬ РАМКИ

Как делать рамки? Не хочу пугать вас непонятными тегами НТМЛ кода.Не заморачивайтесь пока из чего состоит рамка.Сразу не поймёте,только когда сделаете несколько десятков штук.Самое главное понять сам принцип куда вставлять фон,текст,ник,линеечки.А потом в процессе разберётесь с цветом,размером и другими ТЕГАМИ. Нажимаем на кнопочки ,выбираем рамку нужных слоёв и пробуем сделать самостоятельно под свой дизайн. Всем удачи!!!Если не умеете совсем делать рамки напишите и я помогу вам сделать рамку тех оттенков какую захотите. Варианты рамок.Ещё будут добавляться. Милолика Покровская

Учимся делать рамку.

На небольших примерах.Покажу как делать рамку и из чего она состоит. По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек. Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров WIDTH,HEIGHT, VALIGN, BORDER, BACKGROUND, CELLSPACING, CELLPADDING это не все параметры,но основные, без них невозможно сделать рамку. Код этой рамки. <table width="100%" border="0" cellspacing="1" cellpadding="1" background="Первая рамка"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="Вторая рамка"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="Фон рамки на которой будет текст"> <tr valign="top"> <td width="100%"><center><font face="Times New Roman"><font color="EEDD82"><font size="4">ВАШ ТЕКСТ </font></font></font>ВАШ НИК</center></td></tr></table></td></tr></table></td></tr></table> Читаем далее... Милолика Покровская

300 рамок для фотошопа.

300 рамок для фотошопа - разных тематик и размеров.

...

ДАЛЕЕ ...

Делаем рамки



Для начала нужно найти рисунок будущей рамки.

Для того что бы не приходилось менять размер рамки в зависимости от того что мы в ней разместим ( фотку или текст ), разобьем рисунок рамки на 8 одинаковых по размеру частей.


В результате получим 8 маленьких рисунков.

Верхний левый угол ; Верхняя часть рамки ; Верхний правый угол ;
Левая часть рамки ; Правая часть рамки ;
Нижний левый угол ; Нижняя часть рамки ; Нижний правый угол

Теперь нужно сделать таблицу 3х3

<table style="text-align: left; " border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top; height: 27px; width: 27px; background: url('1') no-repeat;"></td> <td style="vertical-align: top; height: 27px; background: url( '2') repeat-x;"></td> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '3') no-repeat;"></td> </tr> <tr> <td style="vertical-align: top; width: 27px; background: url( '4') repeat-y;"></td> <td style="vertical-align: top; background-color: #fff7d0;"> Здесь расмещается ваш текст или картинка </td> <td style="vertical-align: top; width: 27px; background: url( '5') repeat-y;"></td> </tr> <tr> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '6') no-repeat;"></td> <td style="vertical-align: top; height: 27px; background: url( '7') repeat-x;"></td> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '8') no-repeat;"></td> </tr> </tbody> </table>
Что бы не загромождать код я вместо кода картинок в стиле background прописал цифры 1,2,3,4,5,6,7,8.
Когда вы зальете в дневник все 8 частей рамки вам останется вместо цифр подставить коды рисунков.
В моем случаее вместо 1 нужно прописать http://img0.liveinternet.ru/images/attach/c/1//45/676/45676186_ul.gif
( код рисунков виден при редактировании сообщения в простом редакторе)
Размеры ячеек таблицы width - ширина, height - высота должны соответствовать размерам рисунков частей рамки.
Из-за того что лиру думает за нас :), возможно прийдется подбирать размеры ячеек что бы не было разрывов рамки.
Для таблицы обязательно должно быть прописано border="0" cellpadding="0" cellspacing="0"!

И вот что получилось :)

	Ваш текст или фотка или текст и фотка :)))

И напоследок ....сделать код в дневнике "повеселее" можно вот так

<textarea cols="80" rows="5" style="background-color: #fff7d0; border: solid 1px #0000f0; overflow: hidden;">
cols = ширина блока
rows - высота блока
background-color - цвет фона ( можно добавить color: #000000; - цвет текста )
border - вид рамки ( solid ), ширина рамки ( 1px ) и цвет рамки ( #0000f0 )
overflow - скрывать все что не помещается в блок

96 романтических рамочек

96 романтических рамочек 

Размер и разрешение рамочек разные

Формат PNG

Еще 90 рамочек

Для фотошопа - 200 рамок png.

200 рамок для фотошопа - разных тематик и размеров.

Учитывая пожелания высказанные к посту 300 рамок для фотошопа - все рамки в PNG.

ДАЛЕЕ ...

120 качественных фонов для Ваших работ.

Невероятно красивые фоны. Такой любимый японский стиль.

Все картинки увеличиваются (кликом по превью), 2976-4175 пкс .

Дальше > > >

Делаем рамки используя кисти.



Урок для новичков. Даже и уроком трудно назвать. Мы просто сделаем рамку на готовой картинке с помощью кисти.
Итак - приступим.
Для начала выбираем картинку, которую хотели бы вставить в рамку.
Я выбрала эту работу китайской художницы Der Jen.

Теперь надо подобрать кисть-рамку. Если Вы новичок в фотошопе, то лучше выбирать рамку с полностью замкнутым контуром.
Я недавно грузила кисти-рамки, - можно скачать подходящий архив или поискать в интернете.
Картинка у нас есть, кисти мы подобрали, скачали и разархивировали. Теперь откроем фотошоп. Откроем в нем нашу картинку:


Дальше > > >

Создание простой рамочки с избражением внутри

Сегодня будем учиться создавать простую рамочку с изображением внутри. Берем как пример одну из пасхальных рамочек: 

ВАШ Т Е К С Т Sheree

 

Вот скрин кода этой рамочки:

 

Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)

Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)

Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.

Оранжевым подчеркнута ссылка на мой дневник и то написание, которое будет отображаться во внешней рамочке. Это надо заменить на свои данные.

А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:

<center><table border="2" background="<a href="http://s61.radikal.ru/i174/0904/05/540011857c4f.jpg"" target="_blank">http://s61.radikal.ru/i174/0904/05/...57c4f.jpg"</a> cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="<a href="http://i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg"" target="_blank">http://i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg"</a> cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="<a href="http://s52.radikal.ru/i138/0904/6f/6521fd38377d.png"" target="_blank">http://s52.radikal.ru/i138/0904/6f/...8377d.png"</a> align="right" width="343" height="392" alt=" (343x392, 12Kb)" /><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/sheree/">Sheree</a></font></td></tr></table></center>

1 Шаг - Для создания своей рамочки необходимо подобрать фоны и картинку для рамочки (она не должна быть очень большой - таких параметров как у меня вполне достаточно)

2 Шаг - Необходимо загрузить поочередно выбранную графику на какой-нибудь хостинг картинок (я обычно использую Радикал)

3 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере

Собственно и все!

Удачи Вам и творческих успехов. если будут вопросы - задавайте )
-------------------------------- 
Оdessa apartments - аренда комфортабельных квартир в Одессе без посредников

Без заголовка

Ваша картинка Ваш текст Галерея_Дефне

беря код,оставляйте свои комментарии!
<center><table border="4" background="http://s56.radikal.ru/i152/0906/f1/f32d8b5ac975.gif" cellpadding="5" cellspacing="3" width="650"><tbody><tr><td><center><table border="2" background="http://s56.radikal.ru/i152/0906/6d/0c5c6fb5352f.jpg" cellpadding="5" cellspacing="0" width="650"><tbody><tr><td><br /><br /><center><table border="0" background="http://s56.radikal.ru/i152/0906/f1/f32d8b5ac975.gif" cellpadding="1" cellspacing="3" width="500"><tbody><tr><td><center><table border="4" background="http://s56.radikal.ru/i152/0906/f1/f32d8b5ac975.gif" cellpadding="3" cellspacing="0" width="500"><tbody><tr><td><center><table border="2" background="http://i065.radikal.ru/0906/4e/7b0149bcaf4b.jpg" cellpadding="4" cellspacing="2" width="500"><tbody><tr><td><center><br /> Ваша картинка</center><table border="2" background="http://s56.radikal.ru/i152/0906/f1/f32d8b5ac975.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="http://s46.radikal.ru/i111/0906/08/877765f1cf06.jpg" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="5" color="#332211" face="Monotype Corsiva"> <br /> Ваш текст <br /> <br /> </font></center></td></tr></table></td></tr></table><a href="http://www.liveinternet.ru/users/2872037/profile"><font color="#332211"><font size="1"><b>Галерея_Дефне</b></font></font></a></td></tr></tbody></table></center></td></tr></tbody></table></center></td></tr></tbody></table></center></td></tr></tbody></table></center></td></tr></tbody></table></center>
спасибо за понимание!

Уроки Фотошопа: Простейшая рамочка для Фото

Уроки Фотошопа: Простейшая рамочка для Фото

Для начала нам надо определиться какую рамочку мы хотим, с какой целью, какого вида. Для красивого оформления необходимо найти в интернете дополнительные детали для рамочки (клипарт, кисти, шрифты) так как стандартный набор Фотошопа несколько ограничен. Итак приступим. Я буду показывать как создавать горизонтальную рамочку 15х20 сантиметров морской тематики. Для этого берем исходники:

1) Фон (можно взять любой фон, узор. текстуру)

2) Клипарт (лучше если клипарт будет на прозрачном или однородном фоне, который можно легко удалить)

Уроки Фотошопа: Простейшая рамочка для Фото

Как легко сделать рамки самому

Для того, чтобы иметь рамку для переделки,
нужно ПРОЦИТИРОВАТЬ понравившуюся рамку в цитатник.
Взяли. Процитировали. Сказали спасибо)))

Возьмем к примеру эту.

ВАШ ТЕКСТ

Рассмотрим ее потому что она простая - здесь всего два фона:
центральная картинка и серебряная окантовка.
Заходим в свой цитатник, находим нужную рамку,
нажимаем РЕДАКТИРОВАТЬ, видим

обращаем внимание на слово background
ниже я пометила это слово в двух местах
красным - крайний фон рамки - в нашем случае - серебристый
зеленым - середина рамки -
основной фон с рисунком, на котором будет располагаться текст.

На другой странице Вы находите себе фоны!!!
выбрали и определились.
К примеру возьмем фоны таких цветов, как подчеркнуты у меня сноски
крайний фон - красный,
центральный - зеленый.
Нам нужно заменить код фона из предложенной рамки (серебро и картинка)
на свой код.
Его можно получить двумя путями.
1. нажать на выбранный фон правой кнопкой - скопировать ссылку
ИЛИ
2. загрузить фон в РАДИКАЛ и скопировать позицию № 1 ОДИН!!!!!!!!!
Меняем следующее

удаляем подчеркнутый мной код ОТ КАВЫЧКИ ДО КАВЫЧКИ -
начиная с HTTP
самое главное не удалить ни одного нужного символа!!!
удалить именно - от кавычки до кавычки!!!
вставляем туда свой! - красный
То же самое делаем и со вторым фоном - теперь зеленый
Поменяли, нажали опубликовать в черновик,
сначала надо посмотреть что получилось)))
а получилось следующее!

ВАШ ТЕКСТ

ФотоДЕКОРы

ФотоДЕКОР - новейшая программа для оформления фотографий и создания обалденных эффектов! Буквально за пару секунд Вы сможете наложить стильную рамку, создать поздравительную открытку или коллаж! Программа включает все необходимые функции для обработки цифровых фотографий: автоматическое улучшение и редактирование, создание спецэффектов, обрамление, добавление украшений и надписей. Комплект программы включает около трёхсот различных вариантов оформления (можно добавить свои шаблоны!) Размер: 19.5 МБ Скачать ФотоДЕКОР 2.3 - Преобразите свою фотографию! с letitbit Часть 1 Скачать ФотоДЕКОР 2.3 - Преобразите свою фотографию! с fileshare Часть 1 Скачать ФотоДЕКОР 2.3 - Преобразите свою фотографию! с smsfiles Часть 1 Скачать ФотоДЕКОР 2.3 - Преобразите свою фотографию! с vip-file Часть 1

Укрась свои фотографии, поставь их в рамку без фотошопа.



http://myframe.ru/

Графический редактор



Цитата сообщения almiria

3D FRAMES - графический редактор, позволяющий создавать яркие и стильные рамки для фотографий. В отличие от других подобных продуктов, 3D FRAMES генерирует каждую рамку в режиме реального времени, передаёт тени, блики и другие эффекты освещения. Программа очень проста в освоении: достаточно открыть любую фотографию, загрузить рамку из каталога и нажать кнопку "Просмотр". Через пару секунд Вы сможете увидеть изображение в совершенно новом виде - как более законченное и гармоничное.

МАСТЕР 3D РАМОК

Мастер Эффектов - это новая программа для обработки фотографий при помощи разнообразных фильтров. С её помощью можно полностью преобразить любое изображение. Программа позволяет использовать более 50-ти эффектов, включая как традиционные, так и оригинальные. Вы сможете увидеть свои фотографии на фоне дождя и снега, в тумане и под облаками, добавить солнечный свет или закружить в потоке тайфуна...

МАСТЕР ЭФФЕКТОВ

Студия Коллажа - это удобная программа для создания эффектных композиций из множества фотографий, которые можно использовать как обои для рабочего стола, постеры или открытки. Создать красивый коллаж легко как с помощью готовых шаблонов, так и полностью самостоятельно. Студия Коллажа позволяет также добавлять надписи, украшения и спецэффекты. Получившееся изображение можно просмотреть на полный экран, сохранить или распечатать. Предусмотрена функция быстрого экспорта коллажей в любой из популярных графических форматов.

СТУДИЯ КОЛЛАЖА

class="descr">
ВОЗМОЖНОСТИ ФОТО МИКСЕР
Пять категорий материалов для оформления: классические рамки, открытки, телевизоры и мониторы, городские пейзажи и интерьеры, а также абстрактные изображения. Кроме того, предусмотрен раздел для пользовательских материалов.
Более 10 различных эффектов: колоризация, зашумление, перспектива, размытие, сепия и т.п.
Возможность добавления украшений.
Добавление неограниченного количества надписей, в том числе с использованием встроенных текстов: шуток, поздравлений, афоризмов.
Работа с неограниченным числом слоёв.

Размер: 9.23 MB

ХОТИТЕ ПРИКОЛЬНОЕ ФОТО-ТОГДА ВАМ СЮДА

СКАЧАТЬ ФОТО МИКСЕР

Рамки для сообщений!!!




 

Ваш текст

<br /><center><br /><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="8" cellpadding="3" width="590" align="center" background="http://img0.liveinternet.ru/images/attach/b/3/5/788/5788524_1192992164_Untitled1.jpg" border="3"><tbody><br /><td><font face="Monotype Corsiva" color="#420524" size="5" font="font"><p align="center"><br /><font color="#420524">Ваш текст</font><br /><br /></p><br /> </font></td><br /> </tbody><br /><br /></table><br /><br /></center>


 

Ваш текст

<table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="8" cellpadding="3" width="590" align="center" background="http://img1.liveinternet.ru/images/attach/b/3/5/788/5788526_1192992234_Untitled2.jpg" border="3"><tbody><br /><td><font face="Monotype Corsiva" color="#400D03" size="5" font="font"><p align="center"><br /><font color="#400D03">Ваш текст</font><br /><br /></p><br /> </font></td><br /> </tbody><br /><br /></table><br /><br />

 

СМОТРЕТЬ ДАЛЕЕ!)))