УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ

Понедельник, 18 Мая 2015 г. 16:49 + в цитатник

Veta-z все записи автора

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

Прочитать целиком В свой цитатник или сообщество!

ВСЕ МОИ УРОКИ ЗДЕСЬ

Меня попросили рассказать, как я делаю свои рамочки в программе фотошоп.
Дизайн рамочки каждый придумывает сам, пользуясь инструментами в фотошоп, то ли она прямоугольная, то ли овальная, то ли нестандартной формы. Используя картинки, рисунки в формате PNG (т.е. на прозрачном слое), анимацию и фоны мы фантазируем и творим наши шедевры. Главное нужно помнить, что средняя часть рамочки должна быть без рисунка (желательно однотонной), чтобы лучше был виден текст.
Также в уголочке рамочки напишите свой логин, чтобы было видно кто ее автор.
Ну вот рамочка окончена и теперь нам нужно ее перенести в простой редактор нашего сообщения. Есть много способов, о них написаны много сообщений, но я расскажу как это делаю я.
ПЕРВОЕ - если ваша рамочка не находится на прозрачном слое ( т.е. если границы рамочки имеют стандартную форму), мы ее сохраняем в формате JPEG.
ФАЙЛ-СОХРАНИТЬ КАК- ТИП ФАЙЛОВ (выбираем формат JPEG).
ВТОРОЕ - если ваша рамочка необычной формы, с выходящими за границу цветами, фигурной рамкой и т. д., мы сохраняем ее в формате PNG.
ФАЙЛ-СОХРАНИТЬ КАК-ТИП ФАЙЛОВ (выбираем формат PNG).
ТРЕТЬЕ - если в вашей рамочке присутствует анимация, сохраняем ее в формате GIF. ФАЙЛ-СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ- выбираете один из вариантов изображения, щелкаете по нему и затем выставляете значения как на картинке. В строчке , где написано МАТОВЫЙ - выбираете НЕ ПОКАЗЫВАТЬ:

Так, разобрались с форматом нашей рамочки. Теперь, чтобы наша рамочка могла раздвигаться под текстом
( ведь он может быть коротким, если вы напишите стихи, а также длинным, если в сообщении вставлены фотографии, картинки с комментариями и т.д.), мы ее разрежем на 3 части - ВЕРХ, СЕРЕДИНА и НИЗ.
Есть два варианта разрезания рамочки.

ПЕРВЫЙ ВАРИАНТ:
Заходите в инструмент РАСКРОЙКА, активируете этот инструмент:

Вместо курсора появился ножичек, вот таким курсором и выделяйте верхнюю часть, начиная с верхнего левого угла рамочки:

Появились квадратный значки в углу верхней и средней части рамочки.
Осталось выделить НИЖНЮЮ часть рамочки, начиная с левого нижнего угла выделяйте нижнюю часть:

Все рамочка разрезана на три части. Сохраняйте эти части - ФАЙЛ - СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ - выбирайте один из вариантов изображения, щелкайте по нему и затем выставляйте формат рамочки (JPEG, PNG или GIF) - СОХРАНИТЬ. Сохранились сразу все три части рамочки.

ВТОРОЙ ВАРИАНТ:
Заходим в инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ. Выделяем верхнюю часть:

Теперь идем в ИЗОБРАЖЕНИЕ - КАДРИРОВАТЬ:

Осталась только верхняя часть рамочки:

Снимаем выделение - Ctrl+D.
И сохраняем эту часть под именем ВЕРХ в папку с этой рамочкой:

То же делаем с остальными частями.
После того, как вы сохранили верхнюю часть рамочки ваша ИСТОРИЯ имеет такой вид:

Возвращаемся к операции ПРЯМОУГОЛЬНАЯ ОБЛАСТЬ:

Ставим крестик ИНСТРУМЕНТА ПРЯМОУГОЛЬНОГО ВЫДЕЛЕНИЯ в начало выделения и выделяем среднюю часть:

Повторяем то же, что с верхней частью: ИЗОБРАЖЕНИЕ - КАДРИРОВАТЬ, СНЯТЬ ВЫДЕЛЕНИЕ, СОХРАНИТЬ КАК, сохраняем под именем СЕРЕДИНА.
Теперь приступаем к нижней части. Снова возвращаемся в ИСТОРИЮ к операции ПРЯМОУГОЛЬНАЯ ОБЛАСТЬ:

И выделяем нижнюю часть:

Повторяем то же, что с верхней и средней частью: ИЗОБРАЖЕНИЕ - КАДРИРОВАТЬ, СНЯТЬ ВЫДЕЛЕНИЕ, СОХРАНИТЬ КАК, сохраняем под именем НИЗ.
Итак все три части рамочки вы сохранили.
Заходим в свое новое сообщение в простом редакторе и вставляем в него формулу разрезной рамочки для ЛИРУ:
<center><table align="center"><table width="ШИРИНА ВЕРХНЕЙ ЧАСТИ" height="ВЫСОТА ВЕХНЕЙ ЧАСТИ" style="border:0px none #000000" background="АДРЕС ВЕРХНЕЙ ЧАСТИ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table><table width="ШИРИНА СРЕДНЕЙ ЧАСТИ" height="ВЫСОТА СРЕДНЕЙ ЧАСТИ" style="border:0px none #000000" background="АДРЕС СРЕДНЕЙ ЧАСТИ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Georgia;color:#000066;font-size:18px"><i><b><font color="#3300CC"><b> ВАШ ТЕКСТ... </b></font> </b></i></span></td></tr></table><table width="ШИРИНА НИЖНЕЙ ЧАСТИ" height="ВЫСОТА НИЖНЕЙ ЧАСТИ" style="border:0px none #000000" background="АДРЕС НИЖНЕЙ ЧАСТИ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Georgia;color:#33cc00;font-size:11px"><i> </i></span></td></tr></table></table></center>
Давайте посмотрим что нужно вставлять в этой формуле:

ЗЕЛЕНАЯ РАМОЧКА - выделены ширина и высота соответствующей части рамочки.
КРАСНАЯ РАМОЧКА - адрес или ССЫЛКА №1 с Радикала.
СИРЕНЕВАЯ РАМОЧКА - код цвета шрифта текста вашего сообщения.
СИНЯЯ РАМОЧКА - текст вашего сообщения.
ОБРАТИТЕ ОСОБОЕ ВНИМАНИЕ - все эти значения ДОЛЖНЫ СТОЯТЬ в кавычках!!!
Откуда брать все эти данные? Заходите в РАДИКАЛ, вот его ссылка:
http://www.radikal.ru/
Выбираете и загружаете верхнюю часть рамочки (предварительно убрав все галочки):

Вверху в рамочках я выделила ширину - 800 пк. и высоту - 344 пк., вот эти значения и вставляются вместо слов ШИРИНА ВЕРХНЕЙ ЧАСТИ и ВЫСОТА ВЕРХНЕЙ ЧАСТИ.
Вместо АДРЕС ВЕРХНЕЙ ЧАСТИ вставляете ССЫЛКУ № 1.
Повторяете те же действия относительно СРЕДНЕЙ и НИЖНИХ частей рамочки.
Подбираете цвет шрифта и вставляете код.
Если перед вами стоит задача опубликовать только рамочку, вы под формулой рамочки ставите формулу ОКОШКА ДЛЯ КОДА:
<textarea rows="1" cols="10">ПОЛНАЯ ФОРМУЛА РАМОЧКИ
Если вы хотите в своей рамочке сделать сообщение, вместо слов ВАШ ТЕКСТ вставляете текст сообщения.
ОПУБЛИКУЙТЕ сначала в ЧЕРНОВИК, чтобы при необходимости можно было ее ОТРЕДАКТИРОВАТЬ.
Ну вот и все! Удачи в вашем творчестве!

Серия сообщений "ДЕЛАЕМ РАМОЧКИ":
Часть 1 - Простые рамки-обводки для оформления дневника
Часть 2 - Рамки с объемным фоном без фотошопа!
...
Часть 20 - Как разрезать рамку
Часть 21 - ДЕЛАЕМ РАЗРЕЗНУЮ РАМОЧКУ В ГРАФИЧЕСКОМ РЕДАКТОРЕ GIMP
Часть 22 - УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ
Часть 23 - Рамки, украшенные картинкой
Часть 24 - Обводка внутри рамки (блока)
...
Часть 47 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 48 - Урок рамка фотошоп с картинкой. в Photoshop
Часть 49 - Рамочка украшенная клипартом в Эдиторе

Рубрики:

ФОТОШОП/-уроки фотошоп
ДЕЛАЕМ РАМОЧКИ/-рамочки ФШ

Метки: уроки фотошоп делаем рамочки
Понравилось: 4 пользователям

<a href="https://www.liveinternet.ru/community/z-zz/post362256926/">РЈР РћРљ = РљРђРљ Р РђР—Р Р•Р—РђРўР¬ Р РђРњРћР§РљРЈ Р¤РћРўРћРЁРћРџ Р Р’РЎРўРђР’РРўР¬ Р’ РЎРћРћР‘Р©Р•РќРР• </a><br/>Р’РЎР• РњРћР РЈР РћРљР Р—Р”Р•РЎР¬

РњРµРЅСЏ РїРѕРїСЂРѕСЃРёР»Рё СЂР°СЃСЃРєР°Р·Р°С‚СЊ, РєР°Рє СЏ РґРµР»Р°СЋ СЃРІРѕРё СЂР°РјРѕС‡РєРё РІ РїСЂРѕРіСЂР°РјРјРµ С„РѕС‚РѕС€РѕРї.
Р”РёР·Р°Р№РЅ СЂР°РјРѕС‡РєРё РєР°Р¶РґС‹Р№ РїСЂРёРґСѓРјС‹РІР°РµС‚ СЃР°Рј, РїРѕР»СЊР·СѓСЏСЃСЊ РёРЅСЃС‚СЂСѓРјРµРЅС‚Р°РјРё РІ С„РѕС‚РѕС€РѕРї, С‚Рѕ Р»Рё РѕРЅР° РїСЂСЏРјРѕСѓРіРѕР»СЊРЅР°СЏ, С‚Рѕ Р»Рё РѕРІР°Р»СЊРЅР°СЏ, С‚Рѕ Р»Рё РЅРµСЃС‚Р°РЅРґР°СЂС‚РЅРѕР№ С„РѕСЂРјС‹. РСЃРїРѕР»СЊР·СѓСЏ РєР°СЂС‚РёРЅРєРё, СЂРёСЃСѓРЅРєРё РІ С„РѕСЂРјР°С‚Рµ PNG (С‚.Рµ. РЅР° РїСЂРѕР·СЂР°С‡РЅРѕРј СЃР»РѕРµ), Р°РЅРёРјР°С†РёСЋ Рё С„РѕРЅС‹ РјС‹ С„Р°РЅС‚Р°Р·РёСЂСѓРµРј Рё С‚РІРѕСЂРёРј РЅР°С€Рё С€РµРґРµРІСЂС‹. Р“Р»Р°РІРЅРѕРµ РЅСѓР¶РЅРѕ РїРѕРјРЅРёС‚СЊ, С‡С‚Рѕ СЃСЂРµРґРЅСЏСЏ С‡Р°СЃС‚СЊ СЂР°РјРѕС‡РєРё РґРѕР»Р¶РЅР° Р±С‹С‚СЊ Р±РµР· СЂРёСЃСѓРЅРєР° (Р¶РµР»Р°С‚РµР»СЊРЅРѕ РѕРґРЅРѕС‚РѕРЅРЅРѕР№), С‡С‚РѕР±С‹ Р»СѓС‡С€Рµ Р±С‹Р» РІРёРґРµРЅ С‚РµРєСЃС‚.
РўР°РєР¶Рµ РІ СѓРіРѕР»РѕС‡РєРµ СЂР°РјРѕС‡РєРё РЅР°РїРёС€РёС‚Рµ СЃРІРѕР№ Р»РѕРіРёРЅ, С‡С‚РѕР±С‹ Р±С‹Р»Рѕ РІРёРґРЅРѕ РєС‚Рѕ РµРµ Р°РІС‚РѕСЂ.
РќСѓ РІРѕС‚ СЂР°РјРѕС‡РєР° РѕРєРѕРЅС‡РµРЅР° Рё С‚РµРїРµСЂСЊ... <a href="https://www.liveinternet.ru/community/z-zz/post362256926/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]