Основы Photoshop для веб-дизайнера Урок 1 - 5 важных настроек фотошопа и создание кнопки

2088 ratings | 88440 views


Основы Photoshop для веб-дизайнера Урок 1 - 5 важных настроек фотошопа и создание кнопки

Из этого видео вы узнаете, как правильно настроить фотошоп для веб-дизайна и как создать простейшую кнопку. Научитесь работать с солями и папками и получите первое домашнее задание. Какие удобно использовать настройки рабочих панелей (workspace), как настроить инструмент «Стрелка», что писать в настройках нового слоя. Также, расскажу как удобно и просто делать скриншоты для веб-дизайна, можно использовать при быстром обсуждении с заказчиком. Навигация по ролику: 00:20 настройка рабочего пространства 00:45 настройки Photoshop для веб-дизайна 01:00 на что нужно внимательно смотреть при создании нового документа 01:35 главная настройка веб-дизайнера :) 01:51 объекты которые часто используют веб-дизайнеры 03:09 настройки смешивания в фотошопе (падающая тень и прочее) 04:50 создание кнопки в Adobe Photoshop 07:53 программа для скриншотов: инструкция по установке gyazo: 08:02 домашнее задание: нарисовать кнопку в Photoshop размером 300 px по высоте и 400px по ширине сохранить с помощью gyazo.com или аналогичного сервиса для скриншотов. И дать ссылку в комментариях. Если у вас есть вопросы, задавайте их в комменатриях, не стесняйтесь:) 08:30 подписывайтесь на мой ютубканал и добавляйтесь в друзья Не ограничивай себя видеоуроками на YouTube! Узнавайте еще больше полезной информации! Общайтесь с опытными разработчиками, преподавателями и развивайся через личное общение! Telegram: Slack: Наш сайт: Instagram: ВКонтакте: facebook: twitter: ----------------------------------------------------------------------------------- Не забываем, что самый лучший способ сказать спасибо - нажать кнопку нравится и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)

Comments to the video: Основы Photoshop для веб-дизайнера Урок 1 - 5 важных настроек фотошопа и создание кнопки

АЛЕКСАНДР СЕРГЕЕВИЧ 10 days ago
.
Ирина Бутко 25 days ago
дракон тв 1 month ago
будто нарисават дракона ааа
Valentime007 1 month ago
Vell M 1 month ago
Плз, подскажи будто в листе properties добавить все характиристики (1:55 мин). У меня photoshop cs6.
MsFil1996 1 month ago
Нет Typograhy, что мастерить?
Некит Кравченко 1 month ago
Нет пропорций.(
Aleksandr Balandin 1 month ago
Remsey SA:MP 2 months ago
Карен Арутюнян 2 months ago
спсибо) реально крутой ролик! подскажи а твой фотошоп ставится на XP ?
AsKvalera VaLerachik 2 months ago
Подскажи изволь, когда я нанес текст сверху прямоугольника то у когда я двигаю сам прямоугольник то текст не двигается за ним ?
Кирилл Шепелев 3 months ago
Круто, вроде бы все понятно, на данный момент буду приступать к последующим урокам :)
Дмитрий 3 months ago
Спасибо за задание!
Артем Новиков 4 months ago
Моя кнопка:)
Настя Балан 4 months ago
С юмором, этак просто все и попросту у вас. Здоровское видео
Kaell 4 months ago
.Надеюсь и далее будет этак попросту)
Darya Kosse 5 months ago
Большое благодарю за задание, все понятно, однако у меня прямоугольник двигается раздельно от текста. Не могу перетащить прямоугольник совместно с текстом. Помогите разобраться. Версия СС.
Antonio A 5 months ago
Спасибо за полезное видео!
Paco Official 6 months ago
офигенно
Рустам XZeterix 6 months ago
Я естественно отстал по времени , однако все же желаю произнести , что ваш задание мне весьма приглянулся. до этого смотрел другие уроки и чистосердечно говоря уснул. надеюсь будете продолжать в том же духе!!! Спасибо огромное. Может вы могли бы порекомендовать какую нибудь книжку, у кого зания в фотошопе вообщем нулевые. Дополнительно к вашим видеурокам.
Dakul Enada 7 months ago
Ребятки я прям залип. Все весьма круто. Спасибо вам большущее. Подписался на канал.
Ромка Меликян 7 months ago
Pasha Yasha 7 months ago
Taras Yaremko 7 months ago
Прокоментуйте будь ласка
Pavel Nikolaevich 7 months ago
Хороший задание=) звуки улыбнули)) благодарю!!
Marina Bondar 8 months ago
Анастасия Юшко 8 months ago
kurito samokagi 8 months ago
Отличные видеоуроки! Всё ясно и понятно! Продолжайте в том же духе!
игорь потато 8 months ago
Лучше поздно чем вовек
Katrin Dzigua 8 months ago
Рамиль Х 9 months ago
благодарю за уроки. Сделал кнопки
Sergey Chirkov 9 months ago
оцените плз 1-ый мой задание )
даша мотрич 9 months ago
Аркадий Боробов 10 months ago
slv850 10 months ago
Only Gamer 11 months ago
Спасибо за задание!
Артем Кудрявов 11 months ago
Какая малая гипотиза Photoshop подойдет интернет-дизайнеру и где приобрести?
Ромка Меликян 7 months ago
лучше итого использовать CC, покупка идет на веб-сайте adobe, в луна стоит 10$, если не хочешь выплачивать по and
Sandwater Frost 11 months ago
я в курсовой за наименьшее пора, поведал больше
Ксения Солдатова 1 year ago
Спасибо огромное.Очень любопытно.
Tanichka Kalinska 1 year ago
оцени изволь)
Kamin Glukoski 1 year ago
Фш лишь приобрести можно?
Teсhno Blog 1 year ago
оцени изволь!!!
Кирилл Рассказов 1 year ago
При разработке нового файла у меня по умолчанию 72 Pixel/Centimeter, а у вас Pixel/Inch, когда переставляю на инчи, то цифра изменяется на 186,5 либо что-то в этом роде, буду рад услышать ответ нужно ли поменять см на инчи, и если не нужно, то нужно ли в ctrl+k поменять инчи на см?
Лика Лика 1 year ago
ни чего не понимаю в профиле, обучение. Ок. А с чего начинать? столько папок, видео,альбомов. А начинать с чего?
Alex K 1 year ago
В экстазе от такового подхода и подачи инфы. Продолжайте, лайки будут !
NV UFC 1 year ago
Спасибо за уроки,лишь начал учить программку,во моя кнопка может быть необходимо было сделать ее темнее
Віктор Войтович 1 year ago
Подскажите пожалуйта у меня когда я создаю фигуру, то характеристики не раскрывается. Хелп плис.
Віктор Войтович 1 year ago
Переустановил версию редактора на СС 2015 и заработало.
Антон Баринов 1 year ago
+
Diana Alexa 1 year ago
+
Online Warszaw 1 year ago
Класные уроки
Viral 1 year ago
Объясни какие жаркие кнопки используешь. Я увидел несколько один будто ты ctrl+t используешь и ничего об это не говоришь. Я не могу у кнопки поменять краска. Как потребовать гамму для не так давно сделанного объекта?
Павел Злотников 1 year ago
Вот моя 1-ая кнопка! Раньше лишь лица одноклассникам менял на фотках, на данный момент в первый раз сделал, что-то серьезнее, благодарю, все весьма доступно и любопытно! Есть проблема, текст на моей кнопке очень квадратный, будто его сделать более четко?
wiglaff 1 year ago
Очень отлично говоришь, приятно внимать.
Alena Popyk 1 year ago
Интересует тот же проблема, что Алексей Надеин задал, изволь напишите ответ.
Oleg Lehush 1 year ago
Согласен, глас весьма симпатичный.
Алексей Надеин 1 year ago
Привет, Подскажи изволь при копировании фигур у тебя розовые направляющие полосы , в гипотиза CC 2015 они стоят по умолчанию , а будто их показать в CS6 ?? благодарю заблаговременно.
loftblog 1 year ago
Спасибо)
Андрей Шевченко 1 year ago
Хороший задание! Доволен будто слон))
Валерия Савенко 1 year ago
Вас весьма приятно внимать! Спасибо за то, что делитесь своими познаниями!
Михаил Донской 1 year ago
Да,красавец,произнести нечего.Все попросту супер.Спасибо.
Егор Бесфамильный 1 year ago
Шикарно! Спасибо!
Николай Сергеевич 1 year ago
Огромное благодарю за 1-ый задание. Он оказался вправду полезным. Была единственная сложность. Почему-то текст не желал строчить корректно. Но все же я совладал, вот мое Д\з P.S: желаю еще уроков ;-)
иван иванов 1 year ago
благодарю! у Вас реально талант, у меня груда инфы по фотошопу и груда недосмотренных уроков. Это единственное видео, которое было досмотрено до конца и даже задание выполнила! Хочу еще!
loftblog 1 year ago
+иван иванов Спасибо огромное)
Ronya Сhannel 1 year ago
Спасибо посодействовал
Simona Zlatogorskaja 1 year ago
Спасибо за задание. Стало еще понятнее. У меня вот такая вот вышла кнопка
Атилла Сыбыр 1 year ago
+Simona Zlatogorskaja весьма гламурная
Наталья Сапон 1 year ago
Мышка Норушка 1 year ago
Sanya Dark 1 year ago
Самый доступный курс на нынешний денек, благодарю! вот моя копка
Sergey Shchurko 1 year ago
Денис Башлаев 1 year ago
Спасибо , весьма посодействовало ваше видео!
Ксю Максакова 1 year ago
Спасибо за уроки! Всё по делу) За Gyazo отдельное благодарю!)
Алексей Асаула 1 year ago
Так вот откуда возникают скорбь дизайнеры
Артем Яковенко 1 year ago
Как же приятно ты преподаешь, вот мой итог .
Clad Envelope 1 year ago
А отчего когда я создаю файл он у меня в новеньком окне создается?
AnnaFez 1 year ago
Скажите изволь что такое Gyazo ? и для чего нужна ета програмка?
S.Tenorio 1 year ago
Android 1 year ago
а чё не выходит ссылку кинуть?
Vladimir Kunitski 1 year ago
yo brother! Thanks so much.Do more! Fotoshopc6
Валерий Федорченко 2 years ago
Спасибо:3
Studio 1432 2 years ago
Дмитрий Сигорский 2 years ago
Спасибо!
Мария Заплава 2 years ago
То, что нужно! С наслаждением поглядела вас, про домашние задания отлично выдумано, сходу закрепляет пройденный материал. Снимайте далее. Подписываюсь!
Мария Заплава 2 years ago
+Мария Заплава
Somilka 2 years ago
Когда ты нарисовал прямоугольник, у тебя раскрылось окошко, а у меня не раскрылось. Что мастерить? :)
Саня Тёмный 5 months ago
Не та гипотиза, ставь СС
Саня Тёмный 5 months ago
У тебя стоит не та гипотиза Ps, в Ps6 её убрали, установи СС, там она у тебя будет
Илья Фримов 6 months ago
Реально блять, подскажите. У меня фотошоп CS6
Агнаман Шаманский 2 years ago
Благодарю за задание, сейчас понятнее будто сглаживать элементы. Вот, что у меня вышло:
Анатолий Оскома 2 years ago
Зачет. Спасибо для тебя. До последнего откладывал исследование фотошопа, освоил кучу программ, однако эту будто то страшился если честно. Посмотрел твой ролик, скачал фотошоп, сообразил что напрасно тупил все это пора.
олег олегов 2 years ago
Идеально!!) Бесплатно и понятно, потом урока открыл для себя копирование с помощью виола 🌚😱👍
Vovka Paziuk 2 years ago
Ждем продолжения, уроки супер
Данюша Krickt 2 years ago
Вместо Gyazo советую Joxi.ru
Vladimir A 2 years ago
Вы немало действий делаете с помощью жарких кнопок, этак поведайте о их по подробнее! За ранее благодарю!
Данил Фимушкин 2 years ago
+Vladimir A об этом будет отдельный ролик
Андрей Алексеев 2 years ago
Классный скринкаст! Cпасибо что поведал про порядок наложения! Одна из самых часток ошибок дизайнеров, присылающих макеты на верстку - режимы наложения слоев либо эффектов, хорошие от normal. Браузеры этак не могут :)
Данил Фимушкин 2 years ago
+Андрей Алексеев Спасибо) Многие верстальщики матерятся на мультиплай)
Dmitry Dubovik 2 years ago
Настройки смешивания и эффекты слоя - различные вещи! Не нужно путать!
bonilka 2 years ago
Отлично!
Данил Фимушкин 2 years ago
+bonilka благодарю
Антон Савельев 2 years ago
Отличный задание! Жду новых.) Огромное благодарю за ваш положительный и свежайший формат!
fimushkin 2 years ago
+Антон Савельев спасибон)
Папич 2 years ago
Годный контент лайк!
Данил Фимушкин 2 years ago
+Best Facts Спасибо) Лайк за лайк)
ekzo 2 years ago
Понравилось. Продолжайте в том же духе.
Данил Фимушкин 2 years ago
+ran dom Спасибо, быстро новое видео. Оно будет владеть логическое продолжение к этому
Anton Abramov 2 years ago
Спасибо за высококачественный контент. Смотрится на одном дыхании. Ждем продолжения!  Автор молодчина.
Данил Фимушкин 2 years ago
+Anton Abramov про сетки будет непременно, еще расскажу о том будто попросту хранить рисунки из psd. Думаю будет здорово. Возможно в 3-4 видео, а не во втором
Anton Abramov 2 years ago
+Данил Фимушкин По сколько я верстальщик с долголетним опытом, то мне бы хотелось выяснить будто дизайнер работает с сетками, направляющими, а в целом было бы не нехорошо записать в ускоренном варианте отрисовку главной странички. Поиск контента, творение частей, построение сетки.
Данил Фимушкин 2 years ago
+Anton Abramov Спасибо! В наиблежайшее пора новоиспеченный ролик. Про что бы ты желал выяснить? Может я включу это в новейшую серию)
Rozario Gro 2 years ago
Круто, продолжайте в том же духе.  РЕБЯТА ПОДДЕРЖИМ ЛАЙКАМИ !!!!
Данил Фимушкин 2 years ago
+Rozario Gro Спасибо за поддержку, мотивирует записать новое видео
Віталій Антонюк 2 years ago
Первый задание по фотошопу, какой мне приглянулся.
WKOLNIK 1 1 year ago
Ps cs6 , при разработке обьекта прямоугольник, эллипс, и тд, редактирование обьекта возникает сверху будто мне его перемстить?
Данил Фимушкин 2 years ago
+Віталій Антонюк Большое благодарю. Напиши какие вопросы тебя тревожут по фотошопу, я постараюсь отозваться в их в последующих видео.
Віталій Антонюк 2 years ago
+Данил Фимушкин не, всерьез. я фронт, однако ноль в дизайне. описаные вещи, естественно же, были мне известны. вечно желал научится осознавать в дизайне фотошопом больше. однако 10-ки видео, которые я смотрел, а точней их создатели, сходу отбивали охоту - нудят, тупят, что-то под нос для себя гнусят. А вас поглядел и сходу понравилось. Сразу пошел на канал и сейчас не знаю где же отыскать времени на просмотр. Спасибо и фурроров вам!
Данил Фимушкин 2 years ago
+Віталій Антонюк оу-оу-оу! Спасибо
Anton Kastritskiy 2 years ago
Зачем закачивать прибавление на мак для того что бы сделать принтскрин части экрана, когда можно попросту надавить cmd shift 4 и выделить доля экрана для принтскрина?
Данил Фимушкин 2 years ago
+user ну-ка конечно, верно user гласит. Это конкретно для шаринга. Очень комфортно если необходимо клиенту к примеру показать текущий прогресс либо элемент веб-сайта
user 2 years ago
+Anton Kastritskiy Да блин, разумеется же будто два раза-два. Скриншот делается сходу с загрузкой в веб, полученную ссылку комфортно шарить людям. Вместо 3х действий (скрин/загрузка/копирование ссылки) все сводится к одному, ибо программка все сделает сама.
Артем Манукян 2 years ago
О, Фимушкин сейчас и тут)
Данил Фимушкин 2 years ago
+Артем Манукян я всюду)
Лысак Максим 2 years ago
Отличное видео!
Данил Фимушкин 2 years ago
+Лысак Максим Спасибо! Следующее на подходе)
websitemanual 2 years ago
Отдельное благодарю за Gyazo ;)
websitemanual 1 year ago
Реально благодарю! Отличная предмет.
Иляна Охотникова 1 year ago
+Сергей Глухов У меня тоже эта неувязка((
Руслан Геннадиевич 1 year ago
+Сергей Глухов Такая же неувязка!!!
Sergey Glukhov 2 years ago
+Данил Фимушкин скажите изволь, какая гипотиза PS у Вас? 6? вот у меня 6 и таковой проблема, когда рисую прямоугольник там где выскакивает меню с ЕГО опциями у меня практически пусто, ни конфигурации цвета, ни закругления углов и тд. и вас оно сходу выпрыгивает когда вы его рисуете. Как это сделать, в настройках? я добавил на панель Properties, однако там ничего дудки когда я его нарисовал Mask, Density, Feather это все))) что находится в его меню
Данил Фимушкин 2 years ago
+websitemanual велкам :) смотри далее, будет увлекательнее)
MON 2 years ago
А не лучше-ли мастерить кнопки в Иллюстраторе? Там будто-то надежнее и практичнее. К тому же не растр
Данил Фимушкин 2 years ago
+MON можно и в люстре, однако этот курс по фотошопу) Вопрос вкуса естественно: иллюстратор либо фотошоп. Я веб-сайты делаю в фотошопе.
Sergey Ka 2 years ago
Надеюсь, что все уроки будут устанавливаться этак, оч понравлось
Витя Красиво 2 years ago
+Sergey Kashicin это всё из-за музыки мне будто) истина ребята то очень негромко, то очень звучно при монтаже выкручивали) весть разрезает малость)
Данил Фимушкин 2 years ago
+Sergey Kashicin благодарю :) там 2 либо 3 клейки итого)
Max Silent 2 years ago
настройка на позитив Лучше бы про направляющие произнес!
Данил Фимушкин 2 years ago
+Max Silent я этак работаю, мне комфортно, решил поделиться с людьми. Если хочешь, можешь записать видео о том, будто ты настаиваешь Фотошоп, я выложу на собственный канал, если оно получится пригодное. А то комменты все могут строчить)
Max Silent 2 years ago
+Данил Фимушкин я то знаю, однако ведь не одинешенек я смотрел это видео. А про перемещение с автовыбор слоев этак вообщем абсурд, это лишь усложняет работу, т.к.не переместишь больше 1-го слоя
Данил Фимушкин 2 years ago
+Max Silent видимо ты и этак про их знаешь, если даже написал :)