Как сделать в Фотошопе?
Видео, которые помогают разобраться
с разнообразием фунций программы Photoshop
 

Уроки фотошопа. Инструмент рамка и раскройка в Adobe Photoshop

Похожие видео

Все видео пользователя: Сергей Басов.

Понравилось это видео? Тогда напишите СПАСИБО здесь!

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

Вниз под нужный нам размер и ещё один. Важный момент обратите внимание вот на эту как бы цель можно так сказать на этот кружочек это центр вращение если мы поместим курсор вот в этот уголочек стрелочка меняет бит на изогнутый такое да если в этом случае мы начнем ведь поворачивать изображение что произойдет изображение вращается вокруг вот этой оси вокруг центра если мы переместим центра вращения в правую часть смотрите что произойдет изображение будет вращаться вокруг этой вокруг этой точки до чтобы вам отменить действие выделен выделение нажмите escape давайте еще раз выделим изображение если. Мы нажмём enter the все что вы выделили она останется все что за пределами то что темными. Темным таком таким цветом до тонированным можно так сказать это все будет удалена нажимаем enter и вот что у нас получилось хорошо давайте отменим давайте рассмотрим настройки верхние части этого инструмента что же здесь такое ширина высота разрешение если вы.

Используете какой то нужно вам значение изображения допустим 700 на 800 700 на 400 и разрешение 72.

Вы-то указываете здесь вы можете пиксель сантиметры выбирать а если вы хотите чтобы чтобы данные которые вывели были удалены нажмите кнопку удалить если вы хотите посмотреть настоящий размер изображения которое сейчас вас открыто вам необходимо нажать вот на эту кнопочку изображения и мы видим что ширина 36 на 7 10 высота разрешение 72.

Хорошо с этим манам все понятно сейчас я вам хочу показать как работает инструмент перспектива а при выделении объекта до давайте вспомним что верхней части у нас здесь настроечки есть также верху до цвет я вам об этом и говорил непрозрачность 75 процентов да и что такое вот перспектива я постараюсь сейчас вам показать на другом изображение и скейта отменяем переходим к следующему изображению вот такой небольшой пример здесь явно нарушена перспектива вы видите немножко постараемся изменить правую часть и левую часть мы просто зажимаем и переводим вот так вот немножко до vk. Ст и примера если будет тем более достойное изображением меня просто его не оказалось поэтому что нашел то на том вам показываю дальше нажимаем enter и мы видим что перспектива она а применилась да то есть нет такого искажения это чтобы вы знали что такое инструмент перспектива хорошо давайте перейдем к.

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

Изображения что же выбираем инструмент раскройка и выделяем изображение давайте. Наверное сделаем вот так целиком до напополам дальше мы отпускаем левую кнопочку еще раз зажимаем и как вы видите здесь появляются очень много кусочков фото 1 2 3 4 5 6 7 и 8 так вот количество вот.

Таких маленьких кусочков вы можете сделать по своему выбору можете сделать еще больше теперь с помощью инструмента выделения фрагмента мы можем выделять и редактировать по своему усмотрению. Вправо-влево это обычная трансформация давайте выделим левую и правую часть и мы видим что мы можем редактировать дальше нам необходимо теперь этот документ сохранить для web публикации до для публикации в интернет что нам необходимо для этого сделать вы можете нажать сочетание клавиш shift kontrol альт и с или же файл сохранить для web-устройств появляется такое окошко оптимизации где мы можем задать параметры для каждого отдельного кусочка в этом окошке мы с вами можем задать размеры которые находятся вот здесь в правом окошке качество размытия формат jpeg png и так.

Далее прогрессивным сделать изображение немножко подгружаем им так сказать например а если у вас вот в этой части находится текст а мы с вами знаем что кекс и различные схематические изображения лучше всего сохраняйте формате gif вы можете выбрать этот кусочек сохранить в джип формате если здесь изображение вас находится на этом кусочке вы можете выбрать здесь конечно же джипег формат и обратите внимание вы можете регулировать не только здесь в значении низкая средняя высокая очень высокая но и здесь качества при редактировании соответственно нужного вам качества здесь вы видите и размер и сколько будет весить это изображение я хочу чтобы вы поняли для чего это нужно и как это работает что в итоге получается что каждый кусочек вы можете сохранить под нужным вам форматом и нужного вам размера это вы уже выбираете вот в этих настройках это больше то вам так для общего понимания для чего нужен этот инструмент хотя сейчас мало кто наверное разрезает изображение на части на сегодняшний день скорость интернет соединения в каждом уголке россии растет поэтому практически все изображения они очень быстро загружаются лично я в своих сайтах не использовал этот инструмент я не разрезаю но по-крайней мере мои дизайнеры точно знаю что они не разрезают это изображение все достаточно и так быстро и хорошо загружается завершим дело это все-таки до конца сохранить для web-устройств давайте выберем допустим мы выбрали нужные нам кусочки под нужным нам форматом и нажимаем сохранить здесь мы выбираем формат обратите внимание вот здесь выбираем хтмл и изображение нажимаем сохранить нажимаем ok и что же произошло давайте. Откроем эту папочку куда мы сохранили и здесь мы видим с вами документ формата html многие его называют просто хтмл документ и папочку и маджаз обратите внимание что вот они все наши изображения те самые кусочки которые мы с вами разрезали да на 8 частей но что же такое html а если мы откроем. Текстовым блокнотом то мы с вами здесь увидим обычный html код вот он а им же.

Это картинка 1 2 здесь их 8 картиночек.

Которые мы с вами разрезали здесь указан путь ширина высота.

Альтернативный текст в общем это обычный html код кто в нем разбирается тот с легкостью поймет что здесь написано если мы с вами откроем это изображение с помощью давайте посмотрим с помощью opera здесь мы увидим это изображение к сожалению уровень записываем изображение. Заходит за рамочки этого изображения поэтому полностью его показать не могу но в общем-то это то изображение которое мы с вами разрезали если мы сейчас вам с вами рамочку поставим не 01 border один то в этом случае мы увидим с вами границы разрезаем их изображений на сколько частей мы с вами разрезали нажимаем файл сохранить я перехожу в браузер обновляю и мы с вами видим что части которые мы разрезали мы их сейчас видим да если мы разместим это изображение на каком-либо сайте до в графической части шапке сайта то а вот такими кусочками шапочка и будет загружаться получается что изображение достаточно быстро загрузится незаметным глазу для человека ну конечно же чтобы не было этих чтобы не было этой оболочки нам border необходимо поставить на ноль и сохранить сохраняем обновляем и рамочка исчезает что ж на этом я видео урок заканчиваю надеюсь что он вам пригодится когда-нибудь встретимся с вами в следующем уроке




Обратная связь
 Как сделать в Photoshop'e?   ©   2019