gelbman

Пикабушник
Дата рождения: 05 ноября 1993
поставил 1064 плюса и 473 минуса
отредактировал 0 постов
проголосовал за 0 редактирований
Награды:
10 лет на Пикабу
5557 рейтинг 7 подписчиков 9 подписок 54 поста 5 в горячем

Смекалка в семейной жизни

Смекалка в семейной жизни Комментарии, Скрины коментариев, Комментарии на Пикабу, Семья

#comment_104892347

Как говорил мой дед

Прожитый день без смузи - биткоины на ветер

Как я буду отдыхать этим Летом

Спиннер моего детства

Он явно куда-то спешит, взял с гифки

Ссылка на постик

Заливаем фотки в instagram через desktop браузер.

Instagram довольно удобен при работе на телефоне и планшете. Но вот работать с ним через обычный браузер на компьютере - урезанный функционал.

Одно из проблем - залить фотку.

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Как видим сделать этого нельзя (((

Но не стоит унывать. Есть одна возможность, встроенная в современные браузеры, в частности Google Chrome.

Для этого нам нужно открыть Инструменты разработчика. В Chrome это F12 или

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Если вы ни разу не пользовались, то панель откроется с низу и будет в белой теме, но это не важно, нам нужна device toolbar, которую можно открыть сочетанием Ctr + Shift + M

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Открыв device toolbar вы увидите следующее

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Далее выберем один из девайсов, тут уже не важно ipad, iphone.

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Выбрали, и перезагружаем страницу F5. И вот что наблюдаем...

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Теперь мы можем загрузить фото

Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост
Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост
Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост
Заливаем фотки в instagram через desktop браузер. Лайфхак, Instagram, Фотография, Длиннопост

Теперь наша фоточка успешно добавлена.

Показать полностью 9

Быстро нарезаем картинки в Photoshop.

Всем привет.

Наверно каждый сталкивался с тем, что бы в Photoshop нарезать много картинок.

Сейчас я покажу как это сделать быстро и без всякого труда.

Для примера я скачал Free psd Template. Загуглил и перешел по первой ссылке.

Скачал какой то Surfing Free Theme.

Открываем и видим огромное наличие картинок, а значит нам нужно дать им название, вырезать. И сделать это быстро.

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


Есть прекрасный инструмент Slice Tool (горячая клавиша 'C')

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Как с этим работать ? Зажимаете левой кнопкой мыши и выделаете область. Затем с выделенной областью (готовым слайсом) вы можете - работать. К примеру поменять Название. Нажав два раза на область слайса.

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Но согласитесь делать так с каждой картинкой очень долго и муторно. Как их сохранять я покажу далее. Сейчас нас волнует вопрос. Как быстро Отслайсить картинки ?


Выделять каждую картинку таким образом долго. Скорее всего есть возможность Отслайсить сразу Слой. Да такая возможность есть.


Выделаем нужную нам картинку

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

В данном случае картинка под маской, поэтому нам надо выделать саму маску. Это base слой.

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Вот он выделенный слой, я его специально выделил. Ctrl + нажать на сам слой. (Выделил чисто для наглядности)

Дальше переходим в панель управления, где Layer - > New Layer Based Slice

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

И вуаля готовый slice. Но есть несколько проблем.

1. У нас нет hot key, что бы делать это быстро.

2. Выделив данный slice мы не можем поменять его параметры (ширину, высоту...)

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Для того что бы открыть возможность редактирование необходимо данный slice сделать User Slice-ым.

Для это в режиме slice (горячая клавиша C). Жмем правой кнопкой мыши на slice область и нажимаем Promote to User Slice и теперь можем менять размеры slice.

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Но согласитесь это довольно НЕУДОБНО делать с каждой картинкой, хотя нам не надо выделять область вручную. ЧТО же делать ? Есть выход. Назначить горячую клавишу ! Но, она будет делать только Based Slice, размеры которого мы не сможем отредактировать и вообще с ним будет не удобно работать в таком варианте. Плюс где то нам надо выделать саму картинку, а где то маску под которой находиться картинка.

Ведь все что нам надо, это выделил картинку - > нажал горячую клавишу и получил slice.

Это также можно реализовать.


Для этого нам понадобится окно Actions (Alt + F9)

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Вот уже готовые actions

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Далее я покажу как их сделать. Но как они работают ? Как я и писал ранее. Вы через выделение

Выберете картинку и затем просто жмете F2 и получаете готовый User Slice. К примеру я выделил 5 картинок ну за секунд 15, а то и меньше.

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

F3 - использую для того что бы выделить картинку и если я вижу что она под маской, значит мне надо опуститься на слой ниже и выбрать слой маску, но что бы не делать этого ручками - я записал это действие в action. Поэтому за считанные минуты я нарезаю все картинки. И в свою очередь могу заменить эту картинку и просто пересохранить ее.


Как сделать эти actions. Скажу сразу я выбрал F2 и F3 потому что они рядом и ими удобно быстро пользоваться, для F4, F5, F6 и так далее. Забил другие action которыми тоже часто пользуюсь.


Итак мы решили создать новый action.

1. Для начала я создал папку, что бы группировать свои action по разным папкам.

Создадим папку Example и подготовимся к записи action

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Action по факту просто повторит все то что вы сделаете от исходной точки.

Поэтому выбираем нужную картинку через Move Tool

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Теперь начинаем записывать action

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Называем свой action и выберем hot key, у меня F2 выбрать не получилось, потому что я его уже занял, но нам предложили и другой вариант Shift + F2

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Нажимаем Record и начинается запись, активная красная кнопка говорит, что запись идет

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Теперь делаем то что я описывал ранее

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Сделав это увидим что уже записалось одно действие

Далее выберем режим Slice в левой панели или нажимаем горячую клавишу C

Жмем правой кнопкой мыши и делаем Promote to User Slice

И нажимаем стоп

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

Теперь экшен готов и мы можем его использовать.

Теперь выделаем нужные нам картинки с зажатым Shift и жмем F2 и создаются сразу Slice для всех выделенных картинок или по одной картинки. Далее можем назвать их так как нам нужно.

Потом сохраняем через Ctrl + Alt + Shift + S.

Переходим во вкладку Original и выделаем нужные слайсы через зажатый Shift, выбераем нужный формат и качество и нажимаем Save.

Выберем куда сохранить и обязательно указываем Selected Slices, а то накидает вам все слайсы которые есть

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

В то место которые мы выбрали, автоматически создать или сохраниться в папку images

Быстро нарезаем картинки в Photoshop. Photoshop, Web, Верстка, Длиннопост

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


P.S на практике сделать это намного проще, чем я описал. Но научившись делать экшены, можете сильно упростить работу с Photoshop.

Показать полностью 18

Где будут рады мне всегда

Отличная работа, все прочитано!