УРОК = УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП =

Вторник, 14 Февраля 2012 г. 11:36 + в цитатник

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

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

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

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

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

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

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

Снимаю выделение - 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 - Работа с градиентами в Adobe Photoshop
Часть 2 - Делаем светотени.ФШ.
...
Часть 21 - Как убрать ненужный объект на фотографии или картинке
Часть 22 - Учебник по Photoshop
Часть 23 - УРОК = УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП =
Часть 24 - Видео уроки в Adobe Photoshop (Фотошоп)
Часть 25 - Как правильно фотографировать свои изделия
...
Часть 31 - Как восстановить случайно удаленные фотографии?
Часть 32 - Как сделать фотобокс МК
Часть 33 - Фотографии с отражением

Метки: фотошоп

<a href="https://www.liveinternet.ru/users/ive_67/post206474850/">РЈР РћРљ = РЈР§РРњРЎРЇ Р”Р•Р›РђРўР¬ Р РђРњРћР§РљР Р’ Р¤РћРўРћРЁРћРџ =</a><br/>Р’РЎР• РњРћР РЈР РћРљР Р—Р”Р•РЎР¬

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

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

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

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

LiveInternetLiveInternet

-Музыка

-Метки

-Рубрики

-Поиск по дневнику

-Статистика

УРОК = УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП =